Html-Codes
HTML-Codes
Kasten:
Dein Text
Code
<div style="border: 1px solid rgb(0, 0, 0); margin: 10px; padding: 10px; width: 350px; font-size: 12px; background-color: rgb(205, 205, 205);">Dein Text</div>
Lauftexte:
von links nach rechts
Code
<marquee direction=right> Dein Text </marque>
von rechts nach links
Code
<marquee>Dein Text</marquee>
hin und her und wieder zurück xD
Code
<marquee behavior=alternate>Dein Text</marquee>
von rechts nach links. Überfahren der Maus: stoppt.
Code
<marquee direction="left" onMouseOver="this.scrollAmount=0" onMouseOut="this.scrollAmount=5" scrollamount="5">Dein Text</marquee>
von links nach rechts. Überfahren der Maus: stoppt.
Code
<marquee direction="right" onMouseOver="this.scrollAmount=0" onMouseOut="this.scrollAmount=5" scrollamount="5">Dein Text</marquee>
abwechselnd
Code
<marquee width="200" style="font-family:Verdana; color:#0072FF; font-size:9pt;" behavior="alternate"><marquee width="50"><center>Dein Text</center></marquee></marquee>
von oben nach unten
Code
<marquee direction="down" scrollamount="3">Dein Text</marquee>
von oben nach unten
Code
<marquee direction="down" scrollamount="3">Dein Text</marquee>
von unten nach oben Code
<marquee direction="up" scrollamount="2">Dein Text</marquee>
blinkend
Code
<marquee> <blink>Dein Text</blink> </marquee>
mit Lauffarbe
Code
<script>
var message="DeinTextDeinTextDeinText"
var neonbasecolor="#FF0000"
var neontextcolor="#00B233"
var neontextcolor2="#3300CC"
var flashspeed=130
var flashingletters=3
var flashingletters2=1
var flashpause=0
var n=0
if (document.all||document.getElementById){
document.write('<font color="#ffffff" face="tahoma" size=2>')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)
function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}
function neon(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor
if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor
if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}
}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script>
<marquee> <blink>Dein Text</blink> </marquee>
mit Lauffarbe
Code
<script>
var message="DeinTextDeinTextDeinText"
var neonbasecolor="#FF0000"
var neontextcolor="#00B233"
var neontextcolor2="#3300CC"
var flashspeed=130
var flashingletters=3
var flashingletters2=1
var flashpause=0
var n=0
if (document.all||document.getElementById){
document.write('<font color="#ffffff" face="tahoma" size=2>')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)
function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}
function neon(){
//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}
//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor
if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor
if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}
}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script>
Text:
blinkend
Code
<blink>Dein Text</blink>
Unterstriche:
gepunktet
Dein Text
Code
<span style="BORDER-BOTTOM: #0072FF dotted">Dein Text</span>
gestrichelt
Dein Text
Code
<span style="BORDER-BOTTOM: #0072FF dashed">Dein Text</span>
doppelt
Dein Text
Code
<span style="BORDER-BOTTOM: #0072FF double">Dein Text</span>
Umrandungen:
gepunktet
Dein Text
Code
<span style="BORDER-BOTTOM: #0072FF dashed">Dein Text</span>
gestrichelt
Dein Text
Code
<font style="border: 4px #0072FF dashed">Dein Text</font>
doppelt
Dein Text
Code
<font style="border: 4px #0072FF double">Dein Text</font>
einfach
Dein Text
Code
<font style="border: 4px #0072FF solid">Dein Text</font>
Kästchen:
gepunktet
Hier kannst du dann was reinschreiben (:
Code
<div style="BORDER-RIGHT: #0072FF 6px dotted; BORDER-TOP: #0072FF 6px dotted; LEFT: -51562520px; OVERFLOW: auto; BORDER-LEFT: #0072FF 6px dotted; WIDTH: 230px; BORDER-BOTTOM: #0072FF 6px dotted; TOP: -134217728px; HEIGHT: 180px; TEXT-ALIGN: center"><p>Dein Text</p></div><br>
gepunktet2
|
hier kannst du dann was reinschreiben (:
|
Code
<table bordercolor= #FF6A6A border=1 style="BORDER-BOTTOM: 3px dotted; BORDER-LEFT: 3px dotted; BORDER-RIGHT: 3px dotted; BORDER-TOP: 3px dotted"><tr><td><DIV style="OVERFLOW: auto; WIDTH: 230px; HEIGHT: 180px" align=center>Dein Text</FONT></CENTER></FONT></STYLE></tr></td></p></div></table>
gestrichelt
Hier kannst du dann was reinschreiben (:
Code
<div style="BORDER-RIGHT: #0072FF 6px dashed; BORDER-TOP: #0072FF 6px dashed; LEFT: -51562520px; OVERFLOW: auto; BORDER-LEFT: #0072FF 6px dashed; WIDTH: 230px; BORDER-BOTTOM: #0072FF 6px dashed; TOP: -134217728px; HEIGHT: 180px; TEXT-ALIGN: center"><p>Dein Text</p></div>
doppelt
Hier kannst du dann was reinschreiben (:
hier kannst du was reinschreiben (:
Code
<div style="BORDER-RIGHT: #0072FF 6px double; BORDER-TOP: #0072FF 6px double; LEFT: -51562520px; OVERFLOW: auto; BORDER-LEFT: #0072FF 6px double; WIDTH: 230px; BORDER-BOTTOM: #0072FF 6px double; TOP: -134217728px; HEIGHT: 180px; TEXT-ALIGN: center"><p>Dein Text</p></div><br>
einfach
Hier kannst du dann was reinschreiben (:
Code
<div style="BORDER-RIGHT: #0072FF 6px solid; BORDER-TOP: #0072FF 6px solid; LEFT: -51562520px; OVERFLOW: auto; BORDER-LEFT: #0072FF 6px solid; WIDTH: 230px; BORDER-BOTTOM: #0072FF 6px solid; TOP: -134217728px; HEIGHT: 180px; TEXT-ALIGN: center"><p>Dein Text</p></div><br>