For those of you who are interested in where I got the Cursor Sparkle trail, or you happen to see it in the make a button tutorial. I’m here to give you the website from where I got it from.

Such a wonderful Rose mouse pointer for surfing the web. One more useful feature is that you'll never lose the cursor on the web page, because the brightly designed pointer will always be in front of you. Custom cursors for Chrome is a good answer to enliven the work. The custom cursor is changed during navigating and sleeping mode.

So you came looking for cursors and graphics eh? Cursors-4u.com gots plenty of cursors for your mouse pointer. We got runescape, world of warcraft, pokemon, naruto, twilight, cute, animated, cool, glitter, sexy, and so much more cursors. A full set of pink, sparkly cursors with a tiny doggy to browse with: Total 15 cursors enjoy. DOWNLOAD (Total download). Download this tutorial as a print-ready PDF! Creating A Sparkle Brush. Here we can see my brush cursor, with all of its little sparkles, positioned mostly to the left of the wand but also overlapping it a little bit: Position your brush cursor where you want the sparkle trail to begin. Searchable database of free cursor downloads plus thousands of other destkop enhancements. More than 20,000 desktop cursors in categories such as holidays, nature, cartoon and more.

I’ll be honest it took me weeks to find the bloody website, because all the codes I found just didn’t seem correct. Someeven wanted you to download pictures to save and then download something else and copy & paste that—it was absolutely horrid!!

Anyway the site I got the code from is called MF2FM unfortunately when I tried to open up the link the first time it wouldn’t open. So I googled the name that the “creator” has it under which is Tinkerbell Sparkle Cursor. I finally found it, but it seems like nothing really comes up if you decide to look at the other cursor trails.

For the sake of all the Saké in Japan, I’ll post the code below so if there’s anyone else out there like who wants a good sparkle trail and can’t find one or had this same one and wants an update.

.round{ border-radius:30px; -moz-border-radius:30px; /* Firefox 3.6 and earlier */ padding:10px; background-color:transparent; font-size:9pt;color:#FFFFFF; border: 2px dotted #999999; } // <![CDATA[ var colour='random'; // in addition to 'random' can be set to any valid colour eg '#f0f' or 'red' var sparkles=50; /**************************** * Tinkerbell Magic Sparkle * *(c)2005-12 mf2fm web-design* * 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'; rats.style.zIndex='999'; 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'; rats.style.zIndex='999'; 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].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour'random')?newColour():colour; 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; starx[i]+=(i%5-2)/5; if (stary[i]<shigh+sdown) { star[i].style.top=stary[i]+'px'; 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'; tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor; 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; tinyx[i]+=(i%5-2)/5; if (tinyy[i]0) sw_min=document.documentElement.clientWidth; if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight; } if (typeof(self.innerWidth)’number’ && self.innerWidth) { if (self.innerWidth>0 && self.innerWidth0 && self.innerHeight0 && document.body.clientWidth0 && document.body.clientHeight

Now for me I posted this code as a Blogger Widget instead into the HTML Template. It makes corrections easier and plus it won’t show up on the blog. This code is actually in my footer, believe it or not. this code also works for tumblr, I’ve got it on mine! I bet it works on other sites too.

Sparkle Cursor Trail