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

[argothiusz]

Would love to see how to implement the christmast light as well

[beiamerica]

Installed, thanks. I just need to figure out a color to show up better on a white background.

[elwachiman]

Cool Excelent

[LouisB]

Works great. Forgot all about mods like these Perfect for this time of year.

[RobbieZ]

Originally Posted by WhiskeyOSS

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

Originally Posted by argothiusz

Would love to see how to implement the christmast light as well

Check the Demo

And the Christmas Lights?

The christmas lights are a separate experimental script which also has an example. It is undocumented, but the script can be modified to taste if you're the adventurous type.

[morrow]

Nice for this time of the year. Thanks!

[sadiq6210]

Nice ^_^ Thanks

[argothiusz]

Originally Posted by RobbieZ

Check the Demo

And the Christmas Lights?

The christmas lights are a separate experimental script which also has an example. It is undocumented, but the script can be modified to taste if you're the adventurous type.

Try it but couldn't locate the images and sounds folder lol

[gwat]

Thank you! Works great! =D

[daveaite]

Thanks