Incolla questo codice prima del tag /HEAD per visualizzare l’effetto sul cursore.Se non ti piace il colore che ho scelto puoi modificarlo qui: var colour=#bde7ff

<script type="text/javascript"> // <![CDATA[ var colour="#bde7ff"; var sparkles=50; /**************************** * Tinkerbell Magic Sparkle * * (c) 2005 mf2fm web-design * * Distribuito da http://graphicmania.it * * http://www.mf2fm.com/rv * * DON'T EDIT BELOW THIS BOX * ****************************/ var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var tiny=new Array(); var star=new Array(); var starv=new Array(); var starx=new Array(); var stary=new Array(); var tinyx=new Array(); var tinyy=new Array(); var tinyv=new Array(); window.onload=function() { if (document.getElementById) { var i, rats, rlef, rdow; for (var i=0; i<sparkles; i++) { var rats=createDiv(3, 3); rats.style.visibility="hidden"; document.body.appendChild(tiny[i]=rats); starv[i]=0; tinyv[i]=0; var rats=createDiv(5, 5); rats.style.backgroundColor="transparent"; rats.style.visibility="hidden"; var rlef=createDiv(1, 5); var rdow=createDiv(5, 1); rats.appendChild(rlef); rats.appendChild(rdow); rlef.style.top="2px"; rlef.style.left="0px"; rdow.style.top="0px"; rdow.style.left="2px"; document.body.appendChild(star[i]=rats); } set_width(); sparkle(); }} function sparkle() { var c; if (x!=ox || y!=oy) { ox=x; oy=y; for (c=0; c<sparkles; c++) if (!starv[c]) { star[c].style.left=(starx[c]=x)+"px"; star[c].style.top=(stary[c]=y)+"px"; star[c].style.clip="rect(0px, 5px, 5px, 0px)"; star[c].style.visibility="visible"; starv[c]=50; break; } } for (c=0; c<sparkles; c++) { if (starv[c]) update_star(c); if (tinyv[c]) update_tiny(c); } setTimeout("sparkle()", 40); } function update_star(i) { if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; if (starv[i]) { stary[i]+=1+Math.random()*3; if (stary[i]<shigh+sdown) { star[i].style.top=stary[i]+"px"; starx[i]+=(i%5-2)/5; star[i].style.left=starx[i]+"px"; } else { star[i].style.visibility="hidden"; starv[i]=0; return; } } else { tinyv[i]=50; tiny[i].style.top=(tinyy[i]=stary[i])+"px"; tiny[i].style.left=(tinyx[i]=starx[i])+"px"; tiny[i].style.width="2px"; tiny[i].style.height="2px"; star[i].style.visibility="hidden"; tiny[i].style.visibility="visible" } } function update_tiny(i) { if (--tinyv[i]==25) { tiny[i].style.width="1px"; tiny[i].style.height="1px"; } if (tinyv[i]) { tinyy[i]+=1+Math.random()*3; if (tinyy[i]<shigh+sdown) { tiny[i].style.top=tinyy[i]+"px"; tinyx[i]+=(i%5-2)/5; tiny[i].style.left=tinyx[i]+"px"; } else { tiny[i].style.visibility="hidden"; tinyv[i]=0; return; } } else tiny[i].style.visibility="hidden"; } document.onmousemove=mouse; function mouse(e) { set_scroll(); y=(e)?e.pageY:event.y+sdown; x=(e)?e.pageX:event.x+sleft; } function set_scroll() { if (typeof(self.pageYOffset)=="number") { sdown=self.pageYOffset; sleft=self.pageXOffset; } else if (document.body.scrollTop || document.body.scrollLeft) { sdown=document.body.scrollTop; sleft=document.body.scrollLeft; } else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { sleft=document.documentElement.scrollLeft; sdown=document.documentElement.scrollTop; } else { sdown=0; sleft=0; } } window.onresize=set_width; function set_width() { if (typeof(self.innerWidth)=="number") { swide=self.innerWidth; shigh=self.innerHeight; } else if (document.documentElement && document.documentElement.clientWidth) { swide=document.documentElement.clientWidth; shigh=document.documentElement.clientHeight; } else if (document.body.clientWidth) { swide=document.body.clientWidth; shigh=document.body.clientHeight; } } function createDiv(height, width) { var div=document.createElement("div"); div.style.position="absolute"; div.style.height=height+"px"; div.style.width=width+"px"; div.style.overflow="hidden"; div.style.backgroundColor=colour; return (div); } // ]]> </script>

Descrizione: Un orologio analogico con datario rotante che si deforma seguendo i movimenti del mouse per ricomporsi ogni vota che ci si ferma.

Per usarlo copiate il codice che trovate nella textarea ed incollatelo nel codice del vostro Template prima di < /body >.

Selezionare tutto il codice nella textarea, quindi posizionandovi sul testo evidenziato adoperate il tasto destro del mouse per l’operazione di copia ed incolla, non rimane che trasferire il tutto nel codice del vostro template, in questo caso fra i tags: <body> e </body>.

</p> <div class="post-teaser-block"><a href="http://www.graphicmania.it/2007/12/13/cursore-natalizio/" title="Continua a leggere e/o prendi il codice: Cursore natalizio" rel="bookmark">Continua a leggere e/o prendi il codice di Cursore natalizio →</a></div> </div><!-- /.entry --> <div class="post-more"> </div> <div align="right"><p class="post-meta"> <span class="post-date">13 dicembre 2007 | </span> <span class="post-comments"><a href="http://www.graphicmania.it/2007/12/13/cursore-natalizio/#comments" title="Commenti a Cursore natalizio">1 Commento</a></span> </p> </div> </div><!-- /.post --> <!-- Post Starts --> <div class="post"> <h2 class="title"><a href="http://www.graphicmania.it/2007/12/11/cursore-comete-rotanti/" rel="bookmark" title="Cursore “Comete rotanti”">Cursore “Comete rotanti”</a></h2> <div class="entry"> <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.graphicmania.it%2F2007%2F12%2F11%2Fcursore-comete-rotanti%2F&layout=standard&show_faces=true&width=450&action=like&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe><p>Per avere il mio attuale cursore copiate il codice che trovate nella textarea ed incollatelo nel codice del vostro template subito dopo il tag  <font color="#00ff00"></HEAD></font></p> <p> </p> <p align="center"><textarea cols="25"><script type="text/javascript"> //Cursore distribuito da http://graphicmania.splinder.com</p> <p>if ((typeof window.event) && window.attachEvent && document.getElementById && document.firstChild && document.firstChild.filters){</p> <p>(function(){ var colours = new Array("#ff0000","#00ff00","#ffffff","#ff00ff","#ffff00","#00aaff","#ffa500"); var n = colours.length; var dy = 0; var dx = 0; var ry = 0; var rx = 0; var v1 = 0.08; var v2 = 0; var y = 0; var x = 0; var ref = []; var pulseCounter = []; var pulsePath = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,30,15,14,13,12,11,10,9,8,7,6,5,4,3,2,1]; var pulse = []; var d = document; var ref2;</p></script>

Incollate il codice del cursore in quello del vostro Template dopo il tag <BODY>

<style type="text/css"><br /> <!–<br /> BODY{<br /> cursor:url("http://www.glitterskies.net/natale/cursori/1.ani"); }<br /> A:hover { cursor:url("http://www.glitterskies.net/natale/cursori/1.ani"); }<br /> –><br /> </style>	<style type="text/css"><br /> <!–<br /> BODY{<br /> cursor:url("http://www.glitterskies.net/natale/cursori/2.ani"); }<br /> A:hover { cursor:url("http://www.glitterskies.net/natale/cursori/2.ani"); }<br /> –><br /> </style>	<style type="text/css"><br /> <!–<br /> BODY{<br /> cursor:url("http://www.glitterskies.net/natale/cursori/3.ani"); }<br /> A:hover { cursor:url("http://www.glitterskies.net/natale/cursori/3.ani"); }<br /> –><br /> </style>
<style type="text/css"><br /> <!–<br /> BODY{<br /> cursor:url("http://www.glitterskies.net/natale/cursori/4.ani"); }<br /> A:hover { cursor:url("http://www.glitterskies.net/natale/cursori/4.ani"); }<br /> –><br /> </style>	<style type="text/css"><br /> <!–<br /> BODY{<br /> cursor:url("http://www.glitterskies.net/natale/cursori/9.ani"); }<br /> A:hover { cursor:url("http://www.glitterskies.net/natale/cursori/5.ani"); }<br /> –><br /> </style>	<style type="text/css"><br /> <!–<br /> BODY{<br /> cursor:url("http://www.glitterskies.net/natale/cursori/6.ani"); }<br /> A:hover { cursor:url("http://www.glitterskies.net/natale/cursori/6.ani"); }<br /> –><br /> </style>