Text effects

Underlined text:
<u> TEXT HERE </u>

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

Italic text:
<i> TEXT HERE </i>

Bold text:
<b> TEXT HERE </b>

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

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

Change font color:
<font color="#COLOUR"> TEXT HERE </font>

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

Close Together text:
<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 80pt; COLOR: #000000; LINE-HEIGHT: 100pt; FONT-FAMILY: Georgia; LETTER-SPACING: -12px">TXST HERE</FONT>

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

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>

Dropshaddow 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>

Flip text:
<span style="width: 150; height: 50; font-size: 20px; font-family: verdana; color: #000000; filter: flipv">TEXT HERE</span>

Glow text:
<span style="width: 150; height: 50; font-size: 20px; font-family: verdana; color: #888888; filter: glow(color=#00ff00, strength=10)">TEXT HERE</span>

Opacity text:
<span style="width: 150; height: 50; font-size: 20px; font-family: verdana; color: #000000; filter: alpha(opacity=100, finishopacity=0, style=1, startX=0, startY=0, finishX=200, finishY=0)">TEXT HERE</span>

Shaddow blur text:
<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>

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>

Vertical text:
<style type="text/css"> .verticaltext{ font: bold 13px book antiqua; /absolute positioning is not allowed./ right: 3px; top: 20px; width: 15px; writing-mode: tb-rl; } </style> <SCRIPT type="text/javascript"> //Enter desired vertical text: var myverticaltext='<div class="verticaltext"><font color="black"><font size="4"><b>Eksempel</b></font></a></div>' var bodycache=document.body if (bodycache && bodycache.currentStyle && bodycache.currentStyle.writingMode) document.write(myverticaltext) </b></font></font></div></b></font></font></div></b></font></font></div></b></font></font></div></b></font></font></div></b></font></font></div></script>

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></FONT>

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

Steal letters:
<SPAN style="width:80;height:70;font-size:23px;font-family:verdana;color:#000000;font-weight:bold;filter:mask(color=#000000) shadow(color=#555555, direction=135) chroma(color=#000000)">TEKST HER</SPAN>

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

Close toghether text 2:
<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 25pt; COLOR:#000000; LINE-HEIGHT: 0pt; FONT-FAMILY: terminal; LETTER-SPACING: -9px">TEXT HERE</FONT>

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

Small fonts:
<FONT style="FONT-SIZE: 7pt; COLOR:black; FONT-FAMILY: small fonts; text-transform: uppercase">TEXT HERE</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>

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

Marquee text

Flying text:

Jumping text:

Vertical, wave text:

Moving text in dotted box:

Arrows out from the text:

Arrows out from the text2:

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>

Moving text (slows down on mouseover):

Moving text i small boxes:

Moving vertical text:

Moving shaddow text:

Link effects

Link opens in a new window:
<A TARGET="_blank" HREF="URL">TEKST HER</A>

Remove underline:
<style TYPE="text/css">  </style>

Link goes backwards:
<style type='text/css'></style>

Boxed links:
<style TYPE="text/css"></style>

Glowing links:
<style type="text/css"></style>

Blurred links:
<style type="text/css"> /* Blurred links from xanga.com/html_scripts */ a:hover {filter:blur(add="0",direction="80",strength="5"); height:0;}; </style>

Blurred links 2:
<style> a:hover, a:link, a:visited {filter:blur; .alpha {width: inherit; height: 1; filter: alpha (Opacity=100, FinishOpacity=20, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0);} </style>

Blurred links 3:
<style TYPE="text/css"></style>

Colored background:
<style type="text/css"></style>

Blinking stars:
<style type="text/css"> a.navbar:hover{color:silver; font-weight:bold;background-image:url(http://www.nackvision.com/myspace/links/twinklingstars2.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image:url(http://www.nackvision.com/myspace/links/twinklingstars2.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url(http://www.nackvision.com/myspace/links/twinklingstars2.gif); filter:alpha(finishopacity=0, style=2); } </style>

Letter spaced links:
 <style type="text/css"></style> 

Line through:
<style text="text/css">  </style>

Shaddow links:
<style type="text/css"></style>

Shaddow links 2:
<HEAD> <style TYPE="text/css"> </style> </HEAD>

Up-side-down links:
<style type="text/css"></style>

Links go italic:
<!-DHTML scripts by Dynamic Drive (http://www.dynamicdrive.com)--> <style> a:hover{font-style:italic; } </style>

Turns to capital letters:
<style type="text/css"> </style>

Dotted line around links:
<style TYPE="text/css"></style>

Heart links:
<style type="text/css"> a.navbar:hover{color:red; font-weight:bold;background-image:url(http://www.nackvision.com/myspace/links/beating2xm.gif);} a:hover, a.redlink:hover, a.navbar:hover {background-image:url(http://www.nackvision.com/myspace/links/beating2xm.gif); text-decoration:none; border:0px solid;} a:hover img {background-image:url(http://www.nackvision.com/myspace/links/beating2xm.gif); filter:alpha(finishopacity=0, style=2); } </style>

Links go bold:
<style> a:hover{font-weight:bold; } </style>

lowercase links:
<style type="text/css"></style>

Opacity:
<style TYPE="text/css">></style>

Background picture:
<style type="text/css"></style>

Gradient background:
<style type="text/css"></style>

Two colored frame links:
<style type="text/css"></style>

Lines on the side:
<style type="text/css"></style>

Close together links:
<style type="text/css"></style>

All links turn small fonts:
<style>a:link, .footernav.link, a.footernav:link, a.footernav:active { font:normal 7px small fonts; background-color:none; color:#000000; line-height:16px; letter-spacing:0px; text-transform:none; text-decoration:none; border-top:0px solid;border-bottom:0px solid;border-left:0px solid;border-right:0px solid;} a:visited, a.footernav:visited, { font:normal 7px small fonts; background-color:none; color:#000000; line-height:16px; letter-spacing: 0px; text-transform:none; text-decoration:none; border-top:0px solid;border-bottom:0px solid;border-left:0px solid;border-right:0px solid;} a:hover { background-color:none; text-transform:none;} </style>

Small fonts with frame:
<style>a:link, .footernav.link, a.footernav:link, a.footernav:active { font:normal 7px small fonts; background-color:#D1E6F9; color:#000000; line-height:16px; letter-spacing:0px; text-transform:none; text-decoration:none; border-top:1px solid;border-bottom:1px solid;border-left:1px solid;border-right:1px solid;} a:visited, a.footernav:visited, { font:normal 7px small fonts; background-color:#D1E6F9; color:#000000; line-height:16px; letter-spacing: 0px; text-transform:none; text-decoration:none; border-top:1px solid;border-bottom:1px solid;border-left:1px solid;border-right:1px solid;} a:hover { background-color:#7D7C78; text-transform:none;} </style>

Use the code under to change the colours on your links, if they turn purple or blue, this code will change it!

Choose colors on the links:
<style type="text/css"> a:link {color: #000000;} a:visited {color: #000000;} a:hover {color: #000000;} a:active {color: #000000;} </style>

Text effects

Marquee text

Link effects

|Back|Home|Forward|