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 ---

[Fongool]

Any idea if this will work on 4.2?

F

[Stefan118]

Works on 4.2, however i got a scrollbar at the botom of my page.

[craigvm]

how can i get different snow flakes like on this site www.vvoc.com

[rughis]

Some problems with 4.2.2 and Chrome. Unistalled.

[webmaster74]

thank you for this very nice effect.