• Daily Support was created for Forumotion support, troubleshooting your problems with your computer, with your network or with your life. We offer graphic design services like graphic creations, good tutorials and many others! I hope you like this theme, i worked a lot to make it.
    Look at our new code! This is a nice loading screen for all versions Very Happy Read more
    Look at our new code! This is a nice Windows 8 Styled navigation bar! Read more
    Look at our new code! This is a code for partner, similary to our partner script! You have to choose your forum version, from the next list...Read more.
Daily Support ™

Tutorials, protection, discussions, graphic design, forumotion help, codes, gaming, roleplay, counter-strike 1.6, metin2, mt2, cs 1.6, cs 1.6 codes, mt2 codes, powerfull forum


You are not connected. Please login or register

How To Add Glitter On Your Mouse!

View previous topic View next topic Go down  Message [Page 1 of 1]

1 How To Add Glitter On Your Mouse!
on Tue Oct 01, 2013 6:36 pm
avatar

Unforgettable

Moderator

Moderator
avatar
Posts : 36
Daily Points : 52
Likes : 2
Warns : No warnings
punBB
View user profile
Ever wanted to know how to add the glitter falling from the mouse?
I can tell you!
First go to:
Administration Panel -> Display -> Homepage -> General
Now copy this down.
Code:
<script type="text/javascript">
// <![CDATA[
var colour="#FFFF00";
var sparkles=50;
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>

I hope you Enjoyed this tutorial!




2 Re: How To Add Glitter On Your Mouse!
on Sat Oct 05, 2013 6:20 am
avatar

LolWesta

DailySupport Winner

DailySupport Winner
avatar
Posts : 74
Daily Points : 2608
Likes : 2
Warns : One warn
punBB
View user profile
Hello.
This should be on Coding section. Very Happy


3 Re: How To Add Glitter On Your Mouse!
on Mon Mar 10, 2014 12:43 pm
avatar

ddoesmc

Support Moderator

Support Moderator
avatar
Posts : 88
Daily Points : 98
Likes : 2
Warns : No warnings
phpBB3
View user profile
To avoid spam, this topic has been locked. If you have questions or comments about this code please PM the post author.
@LolWesta, Please do not act like a moderator. In your case kindly PM a staff member with the link to the topic Wink
=> Topic moved to correct spot




Ddoesmc~Part of the awesome support team Exclamation 

No Support via PM
4 Re: How To Add Glitter On Your Mouse!

Sponsored content

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum