Goes in-between the <head> and </head> tags.
<script language="JavaScript"> <!--www.frontpagewiz.com--> <!-- function FP_changeProp() {//v1.0 var args=arguments,d=document,i,j,id=args[0],o=FP_getObjectByID(id),s,ao,v,x; d.$cpe=new Array(); if(o) for(i=2; i<args.length; i+=2) { v=args[i+1]; s="o"; ao=args[i].split("."); for(j=0; j<ao.length; j++) { s+="."+ao[j]; if(null==eval(s)) { s=null; break; } } x=new Object; x.o=o; x.n=new Array(); x.v=new Array(); x.n[x.n.length]=s; eval("x.v[x.v.length]="+s); d.$cpe[d.$cpe.length]=x; if(s) eval(s+"=v"); } } function FP_getObjectByID(id,o) {//v1.0 var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id); else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el; if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c) for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; } f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements; for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } } return null; } function FP_changePropRestore() {//v1.0 var d=document,x; if(d.$cpe) { for(i=0; i<d.$cpe.length; i++) { x=d.$cpe[i]; if(x.v=="") x.v=""; eval("x."+x.n+"=x.v"); } d.$cpe=null; } } // --> </script>
Goes in-between the <body> and </body> tags.
<div align="center"> <h1><a name="TOP">A TO Z BOOKMARK TEMPLATE</a></h1> <table border="1" cellpadding="0" width="400" id="table1" style="border-collapse: collapse"> <tr> <td width="19" id="id1" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id1',1,'style.backgroundColor','#FFCC66')"> <a href="#A">A</a></td> <td width="19" id="id2" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id2',1,'style.backgroundColor','#FFCC66')"> <a href="#B">B</a></td> <td width="19" id="id3" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id3',1,'style.backgroundColor','#FFCC66')"> <a href="#C">C</a></td> <td width="19" id="id4" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id4',1,'style.backgroundColor','#FFCC66')"> <a href="#D">D</a></td> <td width="19" id="id5" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id5',1,'style.backgroundColor','#FFCC66')"> <a href="#E">E</a></td> <td width="19" id="id6" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id6',1,'style.backgroundColor','#FFCC66')"> <a href="#F">F</a></td> <td width="19" id="id7" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id7',1,'style.backgroundColor','#FFCC66')"> <a href="#G">G</a></td> <td width="19" id="id8" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id8',1,'style.backgroundColor','#FFCC66')"> <a href="#H">H</a></td> <td width="19" id="id9" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id9',1,'style.backgroundColor','#FFCC66')"> <a href="#I">I</a></td> <td width="19" id="id10" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id10',1,'style.backgroundColor','#FFCC66')"> <a href="#J">J</a></td> <td width="19" id="id11" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id11',1,'style.backgroundColor','#FFCC66')"> <a href="#K">K</a></td> <td width="19" id="id12" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id12',1,'style.backgroundColor','#FFCC66')"> <a href="#L">L</a></td> <td width="19" id="id13" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id13',1,'style.backgroundColor','#FFCC66')"> <a href="#M">M</a></td> <td width="19" id="id14" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id14',1,'style.backgroundColor','#FFCC66')"> <a href="#N">N</a></td> <td width="19" id="id15" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id15',1,'style.backgroundColor','#FFCC66')"> <a href="#O">O</a></td> <td width="19" id="id16" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id16',1,'style.backgroundColor','#FFCC66')"> <a href="#P">P</a></td> <td width="19" id="id17" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id17',1,'style.backgroundColor','#FFCC66')"> <a href="#Q">Q</a></td> <td width="19" id="id18" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id18',1,'style.backgroundColor','#FFCC66')"> <a href="#R">R</a></td> <td width="19" id="id19" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id19',1,'style.backgroundColor','#FFCC66')"> <a href="#S">S</a></td> <td width="19" id="id20" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id20',1,'style.backgroundColor','#FFCC66')"> <a href="#T">T</a></td> <td width="19" id="id21" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id21',1,'style.backgroundColor','#FFCC66')"> <a href="#U">U</a></td> <td width="19" id="id22" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id22',1,'style.backgroundColor','#FFCC66')"> <a href="#V">V</a></td> <td width="19" id="id23" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id23',1,'style.backgroundColor','#FFCC66')"> <a href="#W">W</a></td> <td width="19" id="id24" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id24',1,'style.backgroundColor','#FFCC66')"> <a href="#X">X</a></td> <td width="19" id="id25" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id25',1,'style.backgroundColor','#FFCC66')"> <a href="#Y">Y</a></td> <td width="19" id="id26" onmouseout="FP_changePropRestore()" onmouseover="FP_changeProp(/*id*/'id26',1,'style.backgroundColor','#FFCC66')"> <a href="#Z">Z</a></td> </tr> </table> </div> <p align="left"> <b><a name="A"><font size="4">A</font></a><font size="4"> </font></b><font face="Verdana">^<a href="#TOP">Top</a></font></p> <p align="left"> </p> <hr size="3"> <p align="left"><b><font size="4"><a name="B">B</a> </font></b><font face="Verdana">^<a href="#TOP">Top</a></font></p> <p align="left"> </p> <hr size="3"> <p align="left"><b><font size="4"><a name="C">C</a> </font></b><font face="Verdana">^<a href="#TOP">Top</a></font></p> <p align="left"> </p> <hr size="3"> <p align="left"><b><font size="4"><a name="D">D</a> </font></b><font face="Verdana">^<a href="#TOP">Top</a></font></p> <p align="left"> </p> <hr size="3"> <p align="left"><b><font size="4"><a name="E">E</a> </font></b><font face="Verdana">^<a href="#TOP">Top</a></font></p> <p align="left"> </p> <hr size="3"> <p align="left"><b><font size="4"><a name="F">F</a> </font></b><font face="Verdana">^<a href="#TOP">Top</a></font></p> <p align="left"> </p> <hr size="3"> <p align="left"><b><font size="4"><a name="G">G</a> </font></b><font face="Verdana">^<a href="#TOP">Top</a></font></p> <p align="left"> </p> <hr size="3"> <p align="left"><b><font size="4"><a name="H">H</a> </font></b><font face="Verdana">^<a href="#TOP">Top</a></font></p> <p align="left"> </p> <hr size="3"> <p align="left"><b><font size="4"><a name="I">I</a> </font></b><font face="Verdana">^<a href="#TOP">Top</a></font></p> <p align="left"> </p> <hr size="3"> <p align="left"><b><font size="4"><a name="J">J</a> </font></b><font face="Verdana">^<a href="#TOP">Top</a></font></p> <p align="left"> </p> <hr size="3"> <p align="left"><b><font size="4"><a name="K">K</a> </font></b><font face="Verdana">^<a href="#TOP">Top</a></font></p> <p align="left"> </p> <hr size="3"> <p align="left"><b><font size="4"><a name="L">L</a> </font></b><font face="Verdana">^<a href="#TOP">Top</a></font></p> <p align="left"> </p> <hr size="3"> <p align="left"><b><font size="4"><a name="M">M</a> </font></b><font face="Verdana">^<a href="#TOP">Top</a></font></p> <p align="left"> </p> <hr size="3"> <p align="left"><b><font size="4"><a name="N">N</a> </font></b><font face="Verdana">^<a href="#TOP">Top</a></font></p> <p align="left"> </p> <hr size="3"> <p align="left"><b><font size="4"><a name="O">O</a> </font></b><font face="Verdana">^<a href="#TOP">Top</a></font></p> <p align="left"> </p> <hr size="3"> <p align="left"><b><font size="4"><a name="P">P</a> </font></b><font face="Verdana">^<a href="#TOP">Top</a></font></p> <p align="left"> </p> <hr size="3"> <p align="left"><b><font size="4"><a name="Q">Q</a> </font></b><font face="Verdana">^<a href="#TOP">Top</a></font></p> <p align="left"> </p> <hr size="3"> <p align="left"><b><font size="4"><a name="R">R</a> </font></b><font face="Verdana">^<a href="#TOP">Top</a></font></p> <p align="left"> </p> <hr size="3"> <p align="left"><b><font size="4"><a name="S">S</a> </font></b><font face="Verdana">^<a href="#TOP">Top</a></font></p> <p align="left"> </p> <hr size="3"> <p align="left"><b><font size="4"><a name="T">T</a> </font></b><font face="Verdana">^<a href="#TOP">Top</a></font></p> <p align="left"> </p> <hr size="3"> <p align="left"><b><font size="4"><a name="U">U</a> </font></b><font face="Verdana">^<a href="#TOP">Top</a></font></p> <p align="left"> </p> <hr size="3"> <p align="left"><b><font size="4"><a name="V">V</a> </font></b><font face="Verdana">^<a href="#TOP">Top</a></font></p> <p align="left"> </p> <hr size="3"> <p align="left"><b><font size="4"><a name="W">W</a> </font></b><font face="Verdana">^<a href="#TOP">Top</a></font></p> <p align="left"> </p> <hr size="3"> <p align="left"><b><font size="4"><a name="X">X</a> </font></b><font face="Verdana">^<a href="#TOP">Top</a></font></p> <p align="left"> </p> <hr size="3"> <p align="left"><b><font size="4"><a name="Y">Y</a> </font></b><font face="Verdana">^<a href="#TOP">Top</a></font></p> <p align="left"> </p> <hr size="3"> <p align="left"><b><font size="4"><a name="Z">Z</a> </font> </b><font face="Verdana">^<a href="#TOP">Top</a></font></p> <p align="left"> </p> <hr size="3">