Miscellaneous Hacks - Snowstorm for your forum! With Options

Snowstorm for your forum!

Description
The christmas comes to vBulletin forums!, with this you can have a snowstorm in your vBulletin pages.

Compatible with vBulletin CMS, Blogs and Forums!

Demo

How to install
1. Upload via FTP the clientscript folder to your forum root.
2. Go to AdminCP - Styles & Templates search template headinclude and add at the end:

<script type="text/javascript" src="clientscript/snowstorm.js"></script>

3. Enjoy

If you want to edit options open clientscript/snowstorm.js file and edit as you want :

  // --- PROPERTIES ---

  this.flakesMax = 128;           // Limit total amount of snow made (falling + sticking)
  this.flakesMaxActive = 64;      // Limit amount of snow falling at once (less = lower CPU use)
  this.animationInterval = 33;    // Theoretical "miliseconds per frame" measurement. 20 = fast + smooth, but high CPU use. 50 = more conservative, but slower
  this.flakeBottom = null;        // Integer for Y axis snow limit, 0 or null for "full-screen" snow effect
  this.targetElement = null;      // element which snow will be appended to (document body if null/undefined) - can be an element ID string, or a DOM node reference
  this.followMouse = true;        // Snow will change movement with the user's mouse
  this.snowColor = '#fff';        // Don't eat (or use?) yellow snow.
  this.snowCharacter = '•';  // • = bullet, · is square on some systems etc.
  this.snowStick = true;          // Whether or not snow should "stick" at the bottom. When off, will never collect.
  this.useMeltEffect = true;      // When recycling fallen snow (or rarely, when falling), have it "melt" and fade out if browser supports it
  this.useTwinkleEffect = false;  // Allow snow to randomly "flicker" in and out of view while falling
  this.usePositionFixed = false;  // true = snow not affected by window scroll. may increase CPU load, disabled by default - if enabled, used only where supported

  // --- less-used bits ---

  this.flakeLeftOffset = 0;       // amount to subtract from edges of container
  this.flakeRightOffset = 0;      // amount to subtract from edges of container
  this.flakeWidth = 8;            // max pixel width for snow element
  this.flakeHeight = 8;           // max pixel height for snow element
  this.vMaxX = 5;                 // Maximum X velocity range for snow
  this.vMaxY = 4;                 // Maximum Y velocity range
  this.zIndex = 0;                // CSS stacking order applied to each snowflake

  // --- End of user section ---

[infnity8x3]

Thanks, I used this for the holidays.

[Bouncer222]

Could anyone here PLEASE help me to install the lights found here: http://www.schillmania.com/projects/snowstorm/

I need to figure out how to get the lights to work on my site, please give me detailed instructions as to where to upload the lights files to or what files i need to upload etc..

Thanks.

[Welshy2008]

What I would like to see with this is for the snow Just to fall within the Header as apposed to the whole forum.

[S4RFamily]

A medium delay (CPU working higher) on firefox but chrome is nothing. Plx fix it, nice idea.

[carrlos]

Nice trick!

[Sophocles]

Added to the Holiday season, thanks.

[jazzyname]

thanks I used this for the holidays and it was a hit, will install again next holiday thank you again.

[colwal]

Nice one guys!

[Malcolm-X]

Thanks...At the right time, at the right place...

[WhiskeyOSS]

What is the script for the lights ? I missed it some place