Free Website Templates

» All Categories

» Architect
» Art and Culture
» Automotive
» Beuty and Fashion
» Business and Finance
» Children and Education

» Computers and Internet
» E-commerce
» Electrical and Electronics
» Fashion and Dressing
» Flowers and Gift

» Food and Beverages
» Health and Medicine

» IT and Communication
» Love and Romance

» Night Club and Dance

» Opticals

» Photography

» Sport

» Technology

» Telecom and Communication

» Travel and tourism
» Travel and Photography

Maa Web Design
Maa Print Design
Maa Identity Design
Maa Templates

Click here for example

Copy and paste the following code just after the < body> tag of your html.

You will have to change the 6 image names, where it says imagename. gif, to the design images you choose to use. When you save the gifs, please don't rename them. Each has a number within its name which will be needed for the script to work.

Please remember to upload the images to your server. Do not link the images back to Hypergurl. This is bandwidth stealing!

<script> /* Cross browser cursor trailer script by Maagraphics (http://www.maagraphics.com) d Do not remove this copyright information! */ B=document.all; C=document.layers; T1=new Array("imagename1.gif",45,45,"imagename2.gif",45,45,"imagename3.gif",45,45,"imagename4.gif",45,45,"imagename5.gif",45,45,"imagename6.gif",45,45) nos=parseInt(T1.length/3) rate=50 ie5fix1=0; ie5fix2=0; for (i=0;i<nos;i++){ createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")} function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){ with (document){ write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; "); if(St){ if (C) write(" style='"); write(St+";' ") } else write((B)?"'":""); write((At)? At+">" : ">"); write((HT) ? HT : ""); if (!Op) closeContainer(N) } } function closeContainer(){ document.write((B)?"</div>":"</layer>") } function getXpos(N){ return (B) ? parseInt(B[N].style.left) : C[N].left } function getYpos(N){ return (B) ? parseInt(B[N].style.top) : C[N].top } function moveContainer(N,DX,DY){ c=(B) ? B[N].style :C[N];c.left=DX;c.top=DY } function cycle(){ //if (IE5) if (document.all&&window.print){ ie5fix1=document.body.scrollLeft; ie5fix2=document.body.scrollTop; } for (i=0;i<(nos-1);i++){ moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1))) } } function newPos(e){ moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2 ) } if(document.layers) document.captureEvents(Event.MOUSEMOVE) document.onmousemove=newPos setInterval("cycle()",rate) </script>

When you see a cursor design you like, right click on each of the 6 images separately that come with it. Choose "save as" to save them to your hard drive. Then upload them to your server. (Do not link the graphics to maagraphics.)