Jump to content






Photo
- - - - -

Putting falling snow on your skins

Posted by Wotsit , in How to 20 November 2011 · 541 views

http://community.inv...ost__p__2198754

To Make it snow on your site simple put this code in your Global Template of your skin right above the </body> tag

<SCRIPT type="text/javascript">
/*
Snow Fall 1 - no images - Java Script

*/

// Set the number of snowflakes (more than 30 - 40 not recommended)
var snowmax=35

// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#aaaacc","#ddddff","#ccccdd","#f3f3f3","#f0ffff")

// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Times","Arial","Times","Verdana")

// Set the letter that creates your snowflake (recommended: * )
var snowletter="*"

// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=0.6

// Set the maximum-size of your snowflakes
var snowmaxsize=30

// Set the minimal-size of your snowflakes
var snowminsize=8

// Set the snowing-zone
// Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=1

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////


// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera

function randommaker(range) {
				rand=Math.floor(range*Math.random())
		return rand
}

function initsnow() {
				if (ie5 || opera) {
								marginbottom = document.body.scrollHeight
								marginright = document.body.clientWidth-15
				}
				else if (ns6) {
								marginbottom = document.body.scrollHeight
								marginright = window.innerWidth-15
				}
				var snowsizerange=snowmaxsize-snowminsize
				for (i=0;i<=snowmax;i++) {
								crds[i] = 0;
						lftrght[i] = Math.random()*15;
						x_mv[i] = 0.03 + Math.random()/10;
								snow[i]=document.getElementById("s"+i)
								snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
								snow[i].size=randommaker(snowsizerange)+snowminsize
								snow[i].style.fontSize=snow[i].size+'px';
								snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
								snow[i].style.zIndex=1000
								snow[i].sink=sinkspeed*snow[i].size/5
								if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
								if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
								if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
								if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
								snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
								snow[i].style.left=snow[i].posx+'px';
								snow[i].style.top=snow[i].posy+'px';
				}
				movesnow()
}

function movesnow() {
				for (i=0;i<=snowmax;i++) {
								crds[i] += x_mv[i];
								snow[i].posy+=snow[i].sink
								snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
								snow[i].style.top=snow[i].posy+'px';

								if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
												if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
												if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
												if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
												if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
												snow[i].posy=0
								}
				}
				var timer=setTimeout("movesnow()",50)
}

for (i=0;i<=snowmax;i++) {
				document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
				window.onload=initsnow
}

</SCRIPT>



  • Sherri, Spongebob and Michel like this



Photo
someone-else
Nov 20 2011 01:07 PM
Thanks tAPir...............was looking for that
Brilliant!
Hi gooday ,

That looks great ,i tryed to add this on my site but it doesnt seems to work.
Do i need bouncy blizzard for this ?

Nice day ,

Michel.
tks

Hi gooday ,That looks great ,i tryed to add this on my site but it doesnt seems to work.Do i need bouncy blizzard for this ?Nice day ,Michel.


This is for the skins you select to put it in. Bouncy Blizard is for all skins.
Do I need a file to add to the skins to make this work?

Do I need a file to add to the skins to make this work?


No. You need to put the script in globalTemplate like it says. You need to do that for each skin you need it to work with.

Trackbacks for this entry [ Trackback URL ]

There are no Trackbacks for this entry

Latest Visitors

  • Photo
    Sherri
    16 Aug 2014 - 12:27
  • Photo
    LaFemme
    27 Jul 2014 - 10:59
  • Photo
    LimpDisc
    21 Jul 2014 - 22:37
  • Photo
    doctorsexy
    04 Jul 2014 - 12:27
  • Photo
    digitalcanuck
    22 Jun 2014 - 14:22

Categories

0 user(s) viewing

0 members, 0 guests, 0 anonymous users

Search My Blog

Recent Comments