Html Codes

Link Effects

Remove Under Line
<style TYPE="text/css">  </style> <br> Backwards link: <br> <textarea> <style type='text/css'></style>
Lowercase Link
<style type="text/css"></style>
Uppercase Link
<style type="text/css"></style> <br> Box around link: <br> <textarea> <style TYPE="text/css"></style>
Glowed Link
<style type="text/css"></style>
Blurred Link
<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>
Link With Background
<style type="text/css"></style>
Link With Background Image
<style type="text/css"></style>
Link With A Gardient Background
<style type="text/css"></style>
Link With A Spaceout Letters
<style type="text/css"></style>
Link With A Strikes Through Link
<style text="text/css">  </style>
Shadowed Link
<HEAD> <style TYPE="text/css"> </style> </HEAD>
Link Goes Upside Down
<style type="text/css"></style>
Link Goes Bold
<style> a:hover{font-style:bold; } </style>
Link Goes Italic
<style> a:hover{font-style:italic; } </style>
Link With Dotted Border
<style TYPE="text/css"></style>
Link With Two Lines On The Side
<style type="text/css"></style>
Link Become Very Close Together
<style type="text/css"></style>
Link Opens In A New Window
<A TARGET="_blank" HREF="LINK URL HERE">LINK NAME HERE</A>
Link Open In Iframe
<A TARGET="_iframe" HREF="LINK URL HERE">LINK NAME HERE</A>

Text Effects

Change Colour
<font color="COLORHERE">TEXT HERE</font>
Change Size
<font size="NUMBER">TEXT HERE</font>
Change Font
<font face="FONTNAME">TEXT HERE</font>
Close Together
<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 68pt; COLOR: black; LINE-HEIGHT: 70pt; FONT-FAMILY: Georgia; LETTER-SPACING: -10px">sweet-song-16</FONT>
Italic Text
<i>TEXT HERE</i>
Bold Text
<b>TEXT HERE</b>
Underlined Text
<u>TEXT HERE</u>
Small Fonts
<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 8px; COLOR: #5C6633; LINE-HEIGHT: 11pt; FONT-FAMILY: small fonts; text-decoration:line ; TEXT-TRANSFORM: uppercase; background-color:none; LETTER-SPACING: 0px">text goes here</FONT>
Vertical Text
<style type="text/css"> .verticaltext{ font: 13px georgia; /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="#FE5E9A"> <font size="10"> TEXT HERE</font> </a> </div>' var bodycache=document.body if (bodycache && bodycache.currentStyle && bodycache.currentStyle.writingMode) document.write(myverticaltext) </font></font></div></font></font></div></font></font></div></font></font></div></font></font></div></font></font></div></font></font></div></font></font></div></font></font></div></font></font></div></font></font></div></font></font></div></font></font></div></font></font></div></font></font></div></font></font></div></font></font></div></font></font></div></font></font></div></font></font></div></font></font></div></font></font></div></font></font></div></font></font></div></font></font></div></font></font></div></font></font></div></font></font></div></script>
Shadow Text
<table style="filter:dropshadow(color:#FF0000)"><tr><td><font face="comic sans ms" size="2"><font color="#FFFFFF">TEXT HERE</font> </font></td></tr></table>
Script Text
<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 70pt; COLOR: black; LINE-HEIGHT: 73pt; FONT-FAMILY: script; LETTER-SPACING: -5px">TEXT HERE</FONT>
Rainbow Text
<b> <font size="5"> <script> /* RAINBOW TEXT Script by Matt Hedgecoe (c) 2002 Featured on JavaScript Kit For this script, visit http://www.javascriptkit.com */ // ********** MAKE YOUR CHANGES HERE var text="Rainbow Text *" // YOUR TEXT var speed=80 // SPEED OF FADE // ********** LEAVE THE NEXT BIT ALONE! if (document.all||document.getElementById){ document.write('<span id="highlight">' + text + '</span>') var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight } else document.write(text) var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0") var r=1 var g=1 var b=1 var seq=1 function changetext(){ rainbow="#"+hex[r]+hex[g]+hex[b] storetext.style.color=rainbow } function change(){ if (seq==6){ b-- if (b==0) seq=1 } if (seq==5){ r++ if (r==12) seq=6 } if (seq==4){ g-- if (g==0) seq=5 } if (seq==3){ b++ if (b==12) seq=4 } if (seq==2){ r-- if (r==0) seq=3 } if (seq==1){ g++ if (g==12) seq=2 } changetext() } function starteffect(){ if (document.all||document.getElementById) flash=setInterval("change()",speed) } starteffect() </span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></script> </font></b>

Random Codes

No Scroll Bar
<BODY SCROLL="NO"> <script type="text/javascript" src="http://www.freewebs.com/i.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script></BODY>
Blended Background
<body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');"><script type="text/javascript" src="http://www.freewebs.com/i.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script></body>
Online User Counter
<script language="JavaScript" src="http://hosted-scripts.com/counter.php?site=ID921034&e1=Online &e2=Online"></script>
No Ads
<script type="text/javascript" language="javascript"> function stopWrite() {null;} /malicious javascript is not allowed./ stopWrite; </script>
Falling Hearts
<script language="JavaScript1.2"> // Snow Effect Script, Copyright 1999 Altan d.o.o. (snow@altan.hr, http://www.altan.hr/snow/index.html)/ // Courtesy of SimplytheBest.net - http://simplythebest.net/scripts/ var no = 10; var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i <layer name="\" left="\" top="\" visibility="\"><a href="\"><img src="\" border="\"></a></layer>"); } else { document.write("<layer name="\" left="\" top="\" visibility="\"><img src="\" border="\"></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id="\" style="\"><a href="\"><img src="\" border="\"></a></div>"); } else { document.write("<div id="\" style="\"><img src="\" border="\"></div>"); } } } function snowNS() { // Netscape main animation function for (i = 0; i <no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i]> doc_height-50) { xp[i] = Math.random()(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]Math.sin(dx[i]); } setTimeout("snowNS()", 10); } function snowIE() { // IE main animation function for (i = 0; i <no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i]> doc_height-50) { xp[i] = Math.random()(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]Math.sin(dx[i]); } setTimeout("snowIE()", 10); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } </script>
Not Right Click
<script language=JavaScript>  </script>
Calculator
<BODY> <CENTER> <H3>This form is inoperational!</H3> <Provisional users can't create forms NAME="Calc">   <TABLE BORDER="4"> <TR> <TD> <INPUT TYPE="text" NAME="Input" Size="16"> <BR> </TD> </TR> <TR> <TD> <INPUT TYPE="button" NAME="one" VALUE=" 1 " OnClick="Calc.Input.value += '1'"> <INPUT TYPE="button" NAME="two" VALUE=" 2 " OnCLick="Calc.Input.value += '2'"> <INPUT TYPE="button" NAME="three" VALUE=" 3 " OnClick="Calc.Input.value += '3'"> <INPUT TYPE="button" NAME="plus" VALUE=" + " OnClick="Calc.Input.value += ' + '"> <BR> <INPUT TYPE="button" NAME="four" VALUE=" 4 " OnClick="Calc.Input.value += '4'"> <INPUT TYPE="button" NAME="five" VALUE=" 5 " OnCLick="Calc.Input.value += '5'"> <INPUT TYPE="button" NAME="six" VALUE=" 6 " OnClick="Calc.Input.value += '6'"> <INPUT TYPE="button" NAME="minus" VALUE=" - " OnClick="Calc.Input.value += ' - '"> <BR> <INPUT TYPE="button" NAME="seven" VALUE=" 7 " OnClick="Calc.Input.value += '7'"> <INPUT TYPE="button" NAME="eight" VALUE=" 8 " OnCLick="Calc.Input.value += '8'"> <INPUT TYPE="button" NAME="nine" VALUE=" 9 " OnClick="Calc.Input.value += '9'"> <INPUT TYPE="button" NAME="times" VALUE=" x " OnClick="Calc.Input.value += ' '"> <BR> <INPUT TYPE="button" NAME="clear" VALUE=" c " OnClick="Calc.Input.value = '"> <INPUT TYPE="button" NAME="zero" VALUE=" 0 " OnClick="Calc.Input.value += '0'"> <INPUT TYPE="button" NAME="DoIt" VALUE=" = " OnClick="Calc.Input.value = eval(Calc.Input.value)"> <INPUT TYPE="button" NAME="div" VALUE=" / " OnClick="Calc.Input.value += ' / '"> <BR> </TD> </TR> </TABLE> </FORM> </CENTER> <P><CENTER> <FONT face="arial, helvetica" size="-2"><BR> <A href=""></A></FONT> </CENTER><P> <script type="text/javascript" src="http://www.freewebs.com/i.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script></BODY>
Language Translator
<script language="JavaScript1.2" src="http://www.altavista.com/static/scripts/translate_engl.js"> </script>
Bouncy Marquee Text
<marquee behavior="alternate" direction="up" width="75%"><marquee direction="right" behavior="alternate">Text or Image</marquee></marquee>

Page Transition

Zigzag Transition
<meta http-equiv="Page-Enter" content="zigzag">
Cheacked Transition
<meta http-equiv="Page-Enter" content="checkerboard">
Pixelate Transition
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Pixelate(Duration=2)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Pixelate(Duration=2)">
Spiral Transition
<meta http-equiv="Page-Enter" content="spiral">
Dissolved Transition
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=2,Transition=12)"> <META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=2,Transition=12)">

Browser And Status Bar

Change Browser Title
<HEAD> <script>document.title="YOUR TITLE HERE"; </script></HEAD>
Typed Browser Title
<script language="javascript"> var titletext="PUT TEXT HERE"; // TITLEBAR TEXT var repeat=true; // SET TO true TO REPEAT, false TO "TYPE" OUT TITLE ONLY ONCE. var index=0; function scrolltitle(){ if(index<=titletext.length){ document.title=titletext.substring(0, index); index++; setTimeout('scrolltitle()', 200); }else{ index=0; if(repeat)setTimeout('scrolltitle()', 1000); }} window.onload=function(){ if(!document.layers)setTimeout('scrolltitle()', 1000); } </script>
Bouncing Browser Title
<script LANGUAGE="JavaScript">  </script>
Arrow Browser Title
<script> //Arrow Head title- By Dynamic Drive //Based on status bar script by Jason Rex (wonil4@hotmail.com, http://www.syred.net) //Visit http://www.dynamicdrive.com for full source code //change title text to your own var titletext="MY WEBISTE NAME" var thetext="" var started=false var step=0 var times=1 function welcometext() { times-- if (times==0 ) { if (started==false) { started = true; document.title = titletext; setTimeout("anim()", 1); } thetext = titletext; } } function showstatustext(txt) { thetext = txt; setTimeout("welcometext()", 4000) times++ } function anim() { step++ if (step==7 ) {step=1 } if (step==1 ) {document.title='>==='+thetext+'===<'} if (step==2 ) {document.title='=>=='+thetext+'==<='} if (step==3 ) {document.title='>=>='+thetext+'=<=<'} if (step==4 ) {document.title='=>=>'+thetext+'<=<='} if (step==5 ) {document.title='==>='+thetext+'=<=='} if (step==6 ) {document.title='===>'+thetext+'<==='} setTimeout("anim()", 200); } if (document.title) window.onload=onload=welcometext </script>
Bouncing Status Bar
< Script LANGUAGE="JavaScript" >  < /Script > <style type="text/css"></style>
Still Message
<script language="JavaScript"> statuss(); function statuss() { window.status = "UR TEXT GOES HERE"; setTimeout("statuss()", 0); } </script>
Shooting Statusbar
< script type="text/javascript" > //Created by Status Bar Message Generator // http://rainbow.arch.scriptmania.com/tools/status_bar/ function sb14_makeArray(n){ this.length = n; return this.length; } sb14_messages = new sb14_makeArray(3); sb14_messages[0] = "Ur Text Here"; sb14_messages[1] = "More Text"; sb14_messages[2] = "Add some more"; sb14_rptType = 'infinite'; sb14_rptNbr = 5; sb14_speed = 70; sb14_distance = 50; sb14_delay = 1000; var sb14_letter = 0; var sb14_counter=1; var sb14_currMsg = 0; var sb14_orgSpaces = sb14_distance; var sb14_nbrSpaces = sb14_orgSpaces; var sb14_shootTimer = null; function sb14_shootStatus(){ var sp=sb14_speed; var tmp=sb14_messages[sb14_currMsg].substring(0,sb14_letter); for (var i=0; i<sb14_nbrSpaces; i++) tmp += " "; tmp+=sb14_messages[sb14_currMsg].charAt(sb14_letter); for (var i=0; i < sb14_orgSpaces-sb14_nbrSpaces; i++) tmp+=" "; tmp += "=o"; window.status=tmp; sb14_nbrSpaces--; if (sb14_nbrSpaces == 0){ sb14_letter++; sb14_orgSpaces -= 1; sb14_nbrSpaces=sb14_orgSpaces; if (sb14_letter > sb14_messages[sb14_currMsg].length){ if (sb14_currMsg == sb14_messages.length-1){ if ((sb14_rptType == 'finite') && (sb14_counter==sb14_rptNbr)){ clearTimeout(sb14_shootTimer); return; } sb14_counter++; sb14_currMsg=0; } else{ sb14_currMsg++; } sb14_letter=0; sb14_nbrSpaces = sb14_orgSpaces = sb14_distance; sp=sb14_delay; } } sb14_shootTimer = setTimeout("sb14_shootStatus()",sp); } sb14_shootStatus(); < /script >
Typing Statusbar
< SCRIPT language="JavaScript" > var current = 0 var x = 0 var speed = 100 var speed2 = 100 function initArray(n) { this.length = n; for (var i =1; i <= n; i++) { this[i] = ' ' } } typ = new initArray(4) typ[0]="PUT YOUR TEXT HERE(1)" typ[1]="PUT YOUR TEXT HERE(2)" typ[2]="PUT YOUR TEXT HERE(3)" typ[3]="PUT YOUR TEXT HERE(4)" function typewrite() { var m = typ[current] window.status = m.substring(0, x++) + "" if (x == m.length + 1) { x = 0 current++ if (current > typ.length - 1) { current = 0 } setTimeout("typewrite()", speed2) } else { setTimeout("typewrite()", speed) } } typewrite() // --> < /SCRIPT >

Symbols

Hearts
♥
Curly Heart
<font face='webdings'>Y</font>
Star
<font face='wingdings'>Y</font>
Skull
<font face='wingdings'>N</font>
Plane
<font face='wingdings'>Q</font>
Ambulance
<font face='webdings'>h</font>

More Later!

Html Codes

Link Effects

Text Effects

Random Codes

Page Transition

Browser And Status Bar

Symbols

Hearts♥ Curly Heart<font face='webdings'>Y</font> Star<font face='wingdings'>Y</font> Skull<font face='wingdings'>N</font> Plane<font face='wingdings'>Q</font> Ambulance<font face='webdings'>h</font>

More Later!

Hearts
♥
Curly Heart
<font face='webdings'>Y</font>
Star
<font face='wingdings'>Y</font>
Skull
<font face='wingdings'>N</font>
Plane
<font face='wingdings'>Q</font>
Ambulance
<font face='webdings'>h</font>