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

[mmacrypt]

Thank you again for this, worked great, the members really liked it.

[Mukashi]

Would like to know if this is still supported and working with the latest versions of vB. Interested in maybe deploying it for our Christmas skin this year.

[cykelmyggen]

Hi
Installed this on 4.1.4 and it works fine. However after installing this I get some bars across the page on both Chrome 15, FF 8 and IE 9. See attached screenshots. Any solution to this?

Attachment 134726
Attachment 134727

[hiker]

Can this be activated for only 1 of my subforums, rather than every forum?

I guess maybe can the certain forum choose this snowstorm skin option and the rest of my forum remain the existing default?

[hiker]

And can anybody give feedback if this has taken up a lot of resources with their forum?

[hiker]

Answered my own questions. I duplicated my default style, created one called snowstorm, left it up to user choice to switch back. So far it's now taking any noticeable resources.

Thanks!

[Manoel J?nior]

How to option disable?

[burridl]

Cheers - nice and easy to implement and looks great.

[synseal]

Just an idea, re-name title to Snowstorm Snow for your forum! With Options!.

Took me ages to find this when entering snow it didn't show up.

Thanks, gave the effect we needed for the festive season.

[Malcolm-X]

is there a way to show an image instead of snow