Owner Site Visitor Refresh
Lucie
u u u u u u u u u u u u

Text Effects

Here are all kinds of text effects :) Don't credit me.

Bold text
<b> TEXT HERE </b>

Italic text
<i> TEXT HERE </i>

Underlined text
<u> TEXT HERE </u>

Slashout text text
<s> TEXT HERE </s>

Change font type:
<FONT face='georgia'><FONT size='3'><FONT color='#000000'> <font face="FONTNAME"> TEXT HERE </font>

Text in scrollbox
<DIV id="scroll3" style="width:100;height:60;overflow:auto; border:#000000 3px solid"><center>TEXT GOES HERE</center></DIV>

Background colour
<font color="#colorhere" style="BACKGROUND-COLOR:#colorhere">TEXT GOES HERE</font>

Change font size
<FONT size="NUMBER"> TEXT HERE </FONT>

Change font type
<FONT face='georgia'><FONT size='3'><FONT color='#000000'> <font face="FONTNAME"> TEXT HERE </font>

Blur text
<span style="width: 150; height: 50; font-size: 20px; font-family: verdana; color: #ff00cc; filter: shadow(color=#00ff00, direction=200)">TEXT HERE</span>

Wave text
<span style="width: 150; height: 50; font-size: 20px; font-family: verdana; color: #000000; filter: wave(add=0, freq=1, lightstrength=20, phase=10, strength=10)">TEXT HERE</span>

Backwards text
<DIV style="font-size:23px;letter-spacing:normal;font-style:normal;font-family:verdana;color:#000000; filter:FlipH(color=#99cc99,strength=4);height:22px;">Eksempel</DIV>

Blur Shadow text
<DIV style="font-size:23px;letter-spacing:normal;font-style:normal;font-family:verdana;color:#000000; filter:FlipH(color=#99cc99,strength=4);height:22px;">Eksempel</DIV><span style="width: 150; height: 50; font-size: 20px; font-family: verdana; color: #ff00cc; filter: blur(add = 1, direction = 220, strength = 10)">TEXT HERE</span>

Dropshadow text
<span style="width: 150; height: 50; font-size: 20px; font-family: verdana; color: #000000; filter: dropshadow(Color=#00ff00, OffX=2, OffY=2, positive=2)">TEXT HERE</span>

Overlapping text
<FONT style="font-size:55px;line-height:18px;color: Black;font-family: Trebuchet MS;">Eksempel<BR><FONT style="font-size:45px;color: Pink;font-family: Trebuchet MS;">Eksempel</FONT>

Script
<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 80pt; COLOR: #000000; LINE-HEIGHT: 88pt; FONT-FAMILY: script; LETTER-SPACING: -2px">TEKST HER</FONT>

Sprayed text
<table style="filter:glow(color:#000000)"><TR><TD> <font face="comic sans ms" size="8" color="#000000"> TEKST HER</font> </TD> </TR> </table></TD></TR>

Terminal text
<font face="terminal">TEXT HERE</font>

Roman text
<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; COLOR: #000000; LINE-HEIGHT: 88pt; FONT-FAMILY: roman ; LETTER-SPACING: -2px">TEXT HERE</FONT>

Digital text
<FONT style="FONT-SIZE: 20pt; COLOR:black; FONT-FAMILY: small fonts;" style="line-height:15px;">TEXT HERE</FONT>

Marquee text

Flying text
<MARQUEE direction="left" height="100" scrollAmount="15" scrollDelay="10" style="999999: lightpink; FILTER: alpha(opacity=30); FONT-FAMILY: century gothic; FONT-SIZE: 50pt; FONT-WEIGHT: normal; /*absolute positioning is not allowed.*/ top: 100; left: 100; bottom: 80px; Z-INDEX: 500" width="700;">TEXT HERE</MARQUEE><MARQUEE direction="right" height="*100" scrollAmount="15" scrollDelay="10" style="000000: hotpink; FILTER: alpha(opacity=50); FONT-FAMILY: century gothic; FONT-SIZE: 50pt; FONT-WEIGHT: normal; /*absolute positioning is not allowed.*/ top: 100; left: 100; bottom: 80px; Z-INDEX: 500" width="700;">TEXT HERE</MARQUEE>

Moving shadow text
<FONT face="verdana"><TABLE style="filter:shadow(strength=50)"><MARQUEE direction="left" scrollamount="5" style="filter:blur(add=1, phase=3, freq=5, strength=55)" width="190"><FONT size="8" color="black">PUT YOUR SCROLLING TEXT HERE!!</FONT></MARQUEE></TABLE></FONT>

Blinkie text
<SCRIPT LANGUAGE="JavaScript1.2"> <!-- Begin text = "TEXT HERE"; // The text to scroll color1 = "green"; // original text color color2 = "yellow"; // new character color fontsize = "3"; // font size of text speed = 75; // how fast to rotate to next character // time is in milliseconds, (i.e. 1000 = 1 second) i = 0; if (navigator.appName == "Netscape") { document.write("<layer id=a visibility=show></layer><br><br><br>"); } else { document.write("<div id=a></div>"); } function changeCharColor() { if (navigator.appName == "Netscape") { document.a.document.write("<center><font size =" + fontsize + "><font color=" + color1 + ">"); for (var j = 0; j <text.length; j++) { if(j == i) { document.a.document.write("<font color=" + color2 + ">" + text.charAt(i) + "</font>"); } else { document.a.document.write(text.charAt(j)); } } document.a.document.write('</font></font></center>'); document.a.document.close(); } if (navigator.appName == "Microsoft Internet Explorer") { str = "<center><font size=" + fontsize + "><font color=" + color1 + ">"; for (var j = 0; j <text.length; j++) { if( j == i) { str += "<font color=" + color2 + ">" + text.charAt(i) + "</font>"; } else { str += text.charAt(j); } } str += "</font></font></center>"; a.innerHTML = str; } (i == text.length) ? i=0 : i++; // reset after going through all letters } setInterval("changeCharColor()", speed); // End --> </script> <!-- Script Size: 1.89 KB -->

Text in dotted box (Moving)
<MARQUEE width="200" style="border:3px dotted lightgreen">TEXT HERE</MARQUEE>

Text in small box (Moving)
<table> <TR> <td> <fieldset> <marquee direction="left" height="35" width="50" scrollamount="2"><font color="#COLOUR" HERE family="arial" size="1"> TEXT HERE</font> </marquee> </fieldset> </td> <td> <fieldset> <marquee direction="down" height="35" width="50" scrollamount="1"><font color="#COLOUR" HERE family="arial" size="1"> TEXT HERE</font> </marquee> </fieldset> </td> <td> <fieldset> <marquee direction="right" height="35" width="50" scrollamount="1"><font color="#COLOUR" HERE family="arial" size="1"> TEXT HERE</font> </marquee> </fieldset> </td> <td> <fieldset> <marquee direction="left" height="35" width="50" scrollamount="1"><font color="#COLOUR" HERE family="arial" size="1"> TEXT HERE</font> </marquee> </fieldset> </td> <td> <fieldset> <marquee direction="up" height="35" width="50" scrollamount="1"><font color="#COLOUR" HERE family="arial" size="1"> TEXT HERE</font> </marquee> </fieldset> </td> <td> <fieldset> <marquee direction="down" height="35" width="53" scrollamount="1"><font color="#COLOUR" HERE family="arial" size="1"> TEXT HERE</font> </marquee> </fieldset> </td> <td> </td></TR></table>

Jumping text
<B><MARQUEE behavior="alternate" scrolldelay="55" width="9%">LETTER HERE</MARQUEE><MARQUEE behavior="alternate" scrolldelay="10" width="9%">LETTER HERE</MARQUEE><MARQUEE behavior="alternate" scrolldelay="50" width="9%">LETTER HERE</MARQUEE><MARQUEE behavior="alternate" scrolldelay="10" width="9%">LETTER HERE</MARQUEE><MARQUEE behavior="alternate" scrolldelay="30" width="9%">LETTER HERE</MARQUEE><MARQUEE behavior= "alternate" scrolldelay="45" width="9%">LETTER HERE</MARQUEE><MARQUEE behavior="alternate" scrolldelay="35" width="9%">LETTER HERE</MARQUEE> <MARQUEE behavior="alternate" scrolldelay="10" width="9%">LETTER HERE</MARQUEE><MARQUEE behavior="alternate" scrolldelay="55" width="9%">LETTER HERE</MARQUEE></B> </MARQUEE></MARQUEE>

back | forward
Everything here is © copyrighted to Reina.Twisted-Freak.Com