Sie sind hier:  >> Web To Date  >> Tipps Alpha 

Alpha-Funktionen die ich per HTML-Absatz einbaue

Hier stelle ich einige Sachen per Code vor,

die ich auf meiner Site eingebaut habe und die man natürlich, jeweils angepaßt,

auch in anderen Designs anwenden kann.

1. Funktion-Nach oben-.

Der Vorteil liegt hier eindeutig,

das man die Funktion " Nach oben",

innerhalb eines HTML-Absatzes, an einer beliebigen Stelle der Site einbauen kann.

Der Textbaustein kann natürlich angepasst werden.

2.Der Farbbalken

Falls es jemanden interessiert, wie ich diese Farbbalken, den Ihr unten seht

und den ich auf meiner Website für Abtrennungen nutze,

darstelle, hier der HTML-Code dafür.

                                                                                                                                                                                    

Code

<center><span style="background-color: rgb(236, 222, 173);">&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; </span></center>

Natürlich können auch hier die Farbwerte und die Länge des Balkens an die Gegebenheiten angepasst werden.

3. Der Code-Block

Auf dieser Seite seht Ihr die Darstellungen von Codes innerhalb einer Code-Box.

Die Darstellung erfordert einen Eingriff innerhalb des jeweiligen Designs und der Code wird anschließend innerhalb eines Html_Absatzes eingefügt.

Innerhalb der style.css unter Alpha, hier kann eine bliebige CSS-Datei innerhalb eines anderen Designs benutzt werden, habe ich folgende Deklaration eingefügt/angemeldet.


Auch hier können natürlich Anpassungen vorgenommen werden.

Der eigentliche Html-Absatz für die Einfügung des Codes sieht dann wie folgt aus:

<form><textarea name="CodeFenster" class="codecontainer" rows="4" cols="70" readonly>Hier kommt der Code hinein...Hier kommt der Code hinein</textarea><input class="code" type="button" value="Code markieren" onclick="javascript:this.form.CodeFenster.focus();this.form.CodeFenster.select();"></form>

Konnte leider nicht im Codeblock dargestellt werden. Also einfach markieren und nutzen.

Ich möchte mich hiermit noch einmal bei
Michael Kohlbrok für die Bereitsstellung/Erarbeitung des Grund-Tipps bedanken.

Zugriffe heute: 1 - gesamt: 2193.