.

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 ScriptText = <sub>Sub Script</sub> Text
________________________________________

  Super ScriptText = <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!




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:

 

 

 

 

 

 
 
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

 

 

 



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:

 
<div id="navigation" style="position: absolute ; width: px; left: 10px; top: 150px">TEXT</div>

 
Rechts schreiben:
 
<div id="navigation" style="position: absolute ; width: px; right: 10px; top: 150px">TEXT</div>
 

Keiner kann kopieren:

 
<body oncontextmenu="return false">

________________________________________


Kästchen

 

<div style="BORDER-RIGHT:
#61C3CC   6px dashed; BORDER-TOP: #61C3CC  6px dashed; LEFT: -51562520px; OVERFLOW: auto; BORDER-LEFT: #61C3CC   6px dashed; WIDTH: 230px; BORDER-BOTTOM: #61C3CC  6px dashed; TOP: -134217728px; HEIGHT: 180px; TEXT-ALIGN: center"><p> Dein Text.</p></div><br>






 

<div style="BORDER-RIGHT: #61C3CC   6px solid; BORDER-TOP: #61C3CC  6px solid; LEFT: -51562520px; OVERFLOW: auto; BORDER-LEFT: #61C3CC   6px solid; WIDTH: 230px; BORDER-BOTTOM: #61C3CC  6px solid; TOP: -134217728px; HEIGHT: 180px; TEXT-ALIGN: center"><p> Dein Text.</p></div><br>







 

<div style="BORDER-RIGHT: #61C3CC   6px double; BORDER-TOP: #61C3CC  6px double; LEFT: -51562520px; OVERFLOW: auto; BORDER-LEFT: #61C3CC   6px double; WIDTH: 230px; BORDER-BOTTOM: #61C3CC  6px double; TOP: -134217728px; HEIGHT: 180px; TEXT-ALIGN: center"><p> Dein Text.</p></div><br>





 

<div style="BORDER-RIGHT: #61C3CC   6px dotted; BORDER-TOP: #61C3CC  6px dotted; LEFT: -51562520px; OVERFLOW: auto; BORDER-LEFT: #61C3CC   6px dotted; WIDTH: 230px; BORDER-BOTTOM: #61C3CC  6px dotted; TOP: -134217728px; HEIGHT: 180px; TEXT-ALIGN: center"><p> Dein Text.</p></div><br>




108306 Besucher
Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden