. - Codes

Codes

Farbcode Tabelle

Ich hab mal einige Codes für euch zusammen gestellt, ich hab mir damit viel Mühe gegeben bitte kopiert sie nicht auf eure Seite und gebt sie als eure aus

Dickgedruckt= <b>Dickgedruckt</b>
________________________________________

Kursiv = <i>Kursiv</i>
________________________________________

Unterstrichen = <u>Unterstrichen</u>
________________________________________

~~Druchgestrichen~~ = <strike>Druchgestrichen</strike>
________________________________________

_{Sub Script}Text = <sub>Sub Script</sub> Text
________________________________________

^{Super Script}Text = <sup>Super Script</sup> Text
________________________________________

Typewriter Text = <tt>Typewriter Text</tt>
________________________________________

Gestrichelt Unterstrichen

<span style="BORDER-BOTTOM: #FF6A6A dashed">DEIN TEXT</span>
________________________________________

Doppelt Unterstrichen

<span style="BORDER-BOTTOM: #FF6A6A double">DEIN TEXT</span>

________________________________________

Gepunktet Umrahmt

<font style="border: 4px #FF6A6A dotted">Dein Text.</font>

________________________________________

Gestrichelt Umrahmt

<font style="border: 4px #FF6A6A dashed">Dein Text.</font>

________________________________________

Doppelt Umrahmt

<font style="border: 4px #FF6A6A double">Dein Text.</font>
________________________________________

Normal Umrahmt

<font style="border: 4px #FF6A6A solid">Dein Text.</font>
________________________________________

Um die Farbe von deinem Text zu ändern benutz <font color="#farbcode hier">.
beispiel: Pinker Text = <font color="#FF3399">Pinker Text</font>
Klick hier um die die Farbcodes anzusehen
________________________________________

Um die Schriftart zuändern, benutz <font face="Schriftname hier">.
beispiel: Georgia = <font face="Georgia">Georgia</font>
Namen einiger Schriftarten: Arial, Arial black, Book Antiqua, Century Gothic, Courier new, Garamound, Georgia, Impact, Lucida Console, Monotype Corsiva, Small Fonts, Tahoma, Times New Roman, Trebuchet Ms, Verdana.

________________________________________

Text spaced out oder cramped together,
beispiel. Spaced Out (2px) = <font style="letter-spacing:2px">Spaced Out</font>
Cramped (-1px) = <font style="letter-spacing:-1px">Cramped Together</font>

ändere bei 'px' die zahl um die größe zuverändern... aber es ist besser wenn der text klein bliebt, so kann man es besser lesen

________________________________________

Um eine Box zu erstellen benutze diesen Code und füge die entsprechenen Zahlen ein

<div style="
height: 200px; *höhe in pixel*
width: 100px; *breite in pixel*
overflow: auto; *autoscroll*
border-color: #Farbcode;
border-style: #Farbcode;
border-width: #Farbcode;
scrollbar-arrow-color: #Farbcode;
scrollbar-track-color: #Farbcode;
scrollbar-face-color: #Farbcode;
scrollbar-highlight-color: #Farbcode;
scrollbar-darkshadow-color: #Farbcode;
scrollbar-3dlight-color:#Farbcode;
scrollbar-shadow-color: #Farbcode;">
Blah. Blah. Text. 123</div>

beispiel : eine einfach Box ohne aufwand mit einem 1px Rand (:

Blah. Blah. Text. 123

code = <div style="width: 200px; height: 100px; overflow: auto; border-color: #000000; border-style: solid; border-width: 1px;">Hier kommt dein text hin.... </div>

________________________________________

Benutze den Code als Vorgabe:
<select style="
width: 200px; *Breite in pixel*
background-color: #farbcode;
color: #farbcode;
font-family: schriftname;
font-size: 9px; ">
<option>List Item 1</option>
<option>List Item 2</option>
<option>List Item 3</option>
<option>List Item 4</option></select>

beispiel.

code = <select style=" width: 200px; background-color: pink; color: #000000; font-family: verdana; font-size: 9px; "> <option>List Item 1</option> <option>List Item 2</option> <option>List Item 3</option> <option>List Item 4</option></select>

________________________________________

Lauftext-Allgemein

Wenn du willst, dass der Text von rechts nach links ‚läuft‘ verwendest du üblicherweise diesen Code (er ist auch der Standartcode und der wichtigste Teil, für alle anderen Erweiterungen!

<marquee> Test-x3 </marquee>

Dann sieht das so aus:
Test-x3

________________________________________

Mousover

Das sogenannte ‚Mouseover‘ bedeutet, dass wenn man mit der Mouse über den Text fährt, stoppt er.
Eine der nützlichsten Codes (finde ich)

Fangen wir einmal mit dem Codestück an:

onmouseover="this.stop()" onmouseout="this.start()"

Ich baue es nun in den Code ein
(Ich baue es gleich mit der Richtung, der Schnelligkeit und der Begrenzung ein):

und das ist jetzt das Ergebniss:

Fahre mit der Mouse über diesen Text...

________________________________________

Bilder laufen lassen

<marquee onmouseover="this.stop()" onmouseout="this.start()"direction="Richtung" scrollamount="Schnelligkeit" height="Höhe des Bildes bzw. zurückzulegenden Weges" width="Breite des Bildes bzw. zurückzulegenden Weges "><a target="_blank" href="Homepage-adresse"><img alt="" border="0" src="Bild-URL" /></a></marquee>

Hier das Beispiel:

Wichtig:

Du kannst bei allen ‚Lauftext-codes‘ ein Bild einfügen, einfach dienen Text (Test-x3) gegen die Bild-verlinkung bzw. einfach die Bild-URL eintauschen!

________________________________________

Links schreiben:

Rechts schreiben:

Keiner kann kopieren:

________________________________________

Kästchen

.

Codes

Dropdown List