PDA

View Full Version : Forum Display Enhancements - Snowstorm for your site ~.~


bodaudinh
14 Mar 2009, 16:19
1. Upload 2 folder: clientscript and images to your forum.
2. Just add the code below into headinclude
<script type="text/javascript" src="clientscript/snowstorm.js"></script>Edit something in snowstorm.js if u want!
(Line 71)
// PROPERTIES
// ------------------

var imagePath = 'images/snow/'; // relative path to snow images (including trailing slash)
var flakesMax = 128;
var flakesMaxActive = 64;
var vMaxX = 8;
var vMaxY = 4;
var usePNG = true;
var flakeBottom = null; // Integer for fixed bottom, 0 or null for "full-screen" snow effect
var snowStick = true;
var snowCollect = false;
var targetElement = null; // element which snow will be appended to (document body if undefined)
var followMouse = true;
var flakeTypes = 6;
var flakeWidth = 5;
var flakeHeight = 5;

// ------------------Demo:
- http://schillmania.com/projects/snowstorm/basic-example.html

Thanks:
- Scott Schiller (http://schillmania.com/projects/snowstorm/)

RedeemedWarrior
14 Mar 2009, 20:11
great mod :D

Jasem
16 Mar 2009, 21:10
Good work, thank you......

Installed

HATEWILL!
13 Aug 2009, 01:41
thanks!

Eryeal
13 Aug 2009, 22:24
Brilliant! Thanks!

yotsume
17 Aug 2009, 09:47
How can I add this to vbadvanced homepage?

matthewhotdude
16 Sep 2009, 21:22
Great, Can't wait till christmas now

matthewhotdude
11 Nov 2009, 18:36
Did eveything as instructions and it doesnt work

RobbieZ
11 Nov 2009, 20:29
https://www.vbulletin.org/forum/external/2009/11/22.png

When you write the script into headinclude !!

RobbieZ
11 Nov 2009, 20:42
use this:

------------------------------
Open the FORUMHOME template
------------------------------
Find </head> add above:

Code:
<!-- Start Snowflake Code -->
<script type="text/javascript" src="clientscript/snowstorm.js"></script>
<!-- End Snowflake Code -->

-----------------------------
Save FORUMHOME
-----------------------------

AzzidReign
11 Nov 2009, 22:22
Great for the xmas season coming up :)

The Smoking Gun
12 Nov 2009, 19:43
Hello, thanks for sharing your work but when I opened the demo link to the dark page (didn't notice this on the blue background) and there seems to be an issue (in FF anyway) that the script is causing the horizontal scroll bar to flicker on and off as the snow falls even on a screen width of over 1800px!

No install for now! But liked the effect!

TSG!

Brandon Sheley
12 Nov 2009, 20:25
I don't like mdos like this, but I like how this one follows the mouse :)

ricardoNJ
15 Nov 2009, 02:00
Thank you!

TNCclubman
15 Nov 2009, 02:36
reserved

betts02
20 Nov 2009, 11:29
works great but can i make it faster and just fall down an not follow the mouse ?

i am new to vb so please explain how, cheers

RobbieZ
23 Nov 2009, 03:07
works great but can i make it faster and just fall down an not follow the mouse ?

i am new to vb so please explain how, cheers

Open snowstorm.js in an editing program and find this line >

var followMouse = true;

Change it to >

var followMouse = false;

Save and up it to your forum root.

R-n-R
23 Nov 2009, 05:39
Say, can anyone recommend a nice Christmas theme that would go with this mod?

RedHacker
24 Nov 2009, 07:33
How to I will decrease the speed of snow?

RobbieZ
24 Nov 2009, 21:01
works great but can i make it faster and just fall down an not follow the mouse ?

i am new to vb so please explain how, cheers

How to I will decrease the speed of snow?

Snow speed is determined by this value:

snowStorm.animationInterval = 33;


Theoretical "miliseconds per frame" measurement. 20 = fast + smooth, but high CPU use. 50 = more conservative, but slower

Search for it in your .js and play around with the number..

RedHacker
24 Nov 2009, 21:53
Snow speed is determined by this value:

snowStorm.animationInterval = 33;


Theoretical "miliseconds per frame" measurement. 20 = fast + smooth, but high CPU use. 50 = more conservative, but slower

Search for it in your .js and play around with the number..

Not show this option....

RobbieZ
24 Nov 2009, 23:01
After checking the .js it seems the speed was never set in the download version in the first post.

My bad for you searching for something not there:

I have upped the new .js

The line you need to find is on 22

Change this variable of 33 to something different to control the speed.

*Note: I have not tested the .js merely supplied it. Uploading the .js and overwriting should suffice. If not simply revert!

Palace55
25 Nov 2009, 04:48
Works great for me! I am using it till christmas! Sense its so close, it is just perfect, thanks mate! Marked as installed. ;)

killerkraft
25 Nov 2009, 13:08
Great job.

Simple and useful.

RedHacker
25 Nov 2009, 17:53
I have mod cometchat and bounce the bar with this mod....

S7rik3R
27 Nov 2009, 06:23
Thanks just in time for Christmas

ricardoNJ
01 Dec 2009, 18:47
This mod made my forum very slow.....uninstalled

ymam
02 Dec 2009, 23:29
Great mod it's unfortunate that it does effect forum performance.
That being said does anyone know how to remove the exploding lights in the java script.
I really like the lights but, for the life of me cannot figure out how to remove exploding script without screwing it all up.
Suggestions?

DieselTruck
05 Dec 2009, 07:47
How do you add the Christmas lights ??

nonspin
05 Dec 2009, 09:16
to have it snow only on your index page

use

<if condition="THIS_SCRIPT == 'index'">
<script type="text/javascript" src="clientscript/snowstorm.js"></script>
</if>

RobbieZ
05 Dec 2009, 15:38
Great mod it's unfortunate that it does effect forum performance.
That being said does anyone know how to remove the exploding lights in the java script.
I really like the lights but, for the life of me cannot figure out how to remove exploding script without screwing it all up.
Suggestions?

Do you have the .js file? I can download and look at it for you.

TheLastSuperman
05 Dec 2009, 16:27
How do you add the Christmas lights ??

It's a bonus widget, see the demo link and it's near the top so click it to view in another window ;)

http://www.schillmania.com/projects/snowstorm/lights/index.html

The author of this mod showed you how to do the snow, the lights will be similar, the author left the lights as optional per you checking out the demo page and seeing what you want to install, you can do each separately or both at the same time as they intended you to have those options by the demo too :D. It might slow you down slightly.. I recommend only placing this on Forum Home.. do not place in your header/navbar/footer because it will be loading on every single page which is too much imo.

Mike

majorj0nny
05 Dec 2009, 16:45
how do you stop this from freezing when you click the screen ? it seems to be doing something as planned as if you click outside of the site main page border the snow starts again.

but I dont want it to freeze at all ... ?

i can see how to make it freeze using various commands - but cant see any mention of disabling freezing.

interium
09 Dec 2009, 19:11
Is it posible to make it snow only on the header? And the snow sticks even on false when I use bottomflakes 200;

SilabGarza
11 Dec 2009, 18:32
is there a way to make people choose whether the snow appears or not?

getting complaints that there lagging because of it >.>

Mysterious2207
12 Dec 2009, 07:33
is there a way to make people choose whether the snow appears or not?

getting complaints that there lagging because of it >.>

I also need help with this.

interium
14 Dec 2009, 20:18
I had the same problem. I copied the theme and added snow on one of them. The members can now turn it on or off at the bottom of the page.

Simple solution.

blogthea
14 Dec 2009, 23:42
i really like the effect but
had to unistall due to lag complains

TheLastSuperman
15 Dec 2009, 00:42
is there a way to make people choose whether the snow appears or not?

getting complaints that there lagging because of it >.>

I also need help with this.

I had the same problem. I copied the theme and added snow on one of them. The members can now turn it on or off at the bottom of the page.

Simple solution.

i really like the effect but
had to unistall due to lag complains

@ All of you ;)

Make a new publicly joinable usergroup but set all it's permissions to no and nothing at all can be done by it except showing certain content, go ahead give it a try!

How?

If the new usergroup number is 12

Place whatever you want to show to them within this code and anything you want to show to your normal members not in this group below the <else />

<if condition="is_member_of($vbulletin->userinfo, 12)">

Your code here i.e. the code that displays the snow

<else />

The code for anyone that has not joined here OR nothing at all

</if>

Add more usergroups this way if you want it to show automatically to any additional usergroup no matter the code ;):

<if condition="is_member_of($vbulletin->userinfo, 12,13,14)">

same as above

<else />

same as above

</if>

And now anyone can click this link:

http://www.vbulletin.org/forum/profile.php?do=editusergroups

And join that public usergroup to show the snow and or anything else your imagination whips up :D. You can also go back to that same page and leave the usergroup if for example you browse on an iphone or Blackberry and some mods make it hard to browse or not display right then when you get home you can leave the usergroup to display the forum with all it's perks for pc or mac use :p

You can replace the vb.org url part with yours so:

http://www.yoursite.com/forum/profile.php?do=editusergroups

Double check it then enjoy!

Simple IF you know where to look and this info is all around in these here parts now ya hear' :D

Mike

steve1966
17 Dec 2009, 15:47
thanks

Reyn
20 Dec 2009, 09:29
I installed it, but it didn't work in opera and firefox. I changed in snowstorm.js following line var usePNG = true; to var usePNG = false; and it worked.

Miss Chatterbox
06 Jan 2010, 09:28
Installed and loving it! Seems to be working fine in Firefox as well! :)

profanitytalker
03 Feb 2010, 19:13
I would like to reserve this for Christmas. xD

Karm4
11 Dec 2010, 16:16
Did anyone figure out how to get this to work with vbadvanced? If so post up the script!

yotsume
11 Dec 2010, 16:32
It works perfectly on VBA. On my site below I used a simple header and background to create a xmas theme to match the snow. I also added a live countdown to xmas and new years that shows a live time in days/hours/minutes/seconds until both events happen. ;)

www.globalschoolconnect.com (http://www.globalschoolconnect.com/)

At the bottom of my headinclude template I added this code so it would display on all pages. There is no need to do anything special for VBA to get it to work so long as the code is placed in your headinclude template. Note: I had to use a full url path to the snowflake.js for it to work.

Input your domain and any sub-folders needed to match your site in red.

<!-- Start Snowflake Code -->
<script type="text/javascript" src="http://www.your.domain.com/clientscript/snowflake.js"></script>
<!-- End Snowflake Code -->

Karm4
12 Dec 2010, 05:40
I did what you said and it doesnt show up on any of the pages now. Idk. Seems weird. I figured it would work just using it in the header but didnt work. I tried headinclude as well but now it doesnt load anywhere. Any ideas?

yotsume
13 Dec 2010, 06:43
I did what you said and it doesnt show up on any of the pages now. Idk. Seems weird. I figured it would work just using it in the header but didnt work. I tried headinclude as well but now it doesnt load anywhere. Any ideas?

I must need more sleep my instructions are not for this mod but another one that I have installed! DOH!

http://www.vbulletin.org/forum/showthread.php?t=197312

I am using this one and it just works! Sorry!

ni_hao
13 Dec 2010, 16:30
This one is much better than the other one :D. In my opinion anyway :).

yotsume
13 Dec 2010, 16:39
How about random images falling on every page refresh! I just got help to gode that for the other MOD and will be releasing in in that thread!

Have a look at my site now: http://www.globalschoolconnect.com/

Refresh the page and get a new random image each time! I can put unlimited list of images and even animated gifs for real effects!

yotsume
13 Dec 2010, 17:12
This one is much better than the other one :D. In my opinion anyway :).

Sorry not even close! ;) Now with the other one we have random images unlimited that can fall and it works on VB, VBA, as as a stand alone HTML page!

One image falling script to rule them all... and this one ain't it! ;)

A live example for every one is: www.globalschoolconnect.com/example/random.html (http://www.globalschoolconnect.com/example/random.html)

refresh the page and enjoy the magic! I am making more animated gifs for this now and they will be included in my example page above but released on the other mods page: Randoam Images On Page Reload or Refresh (http://www.vbulletin.org/forum/showpost.php?p=2133286&postcount=102)

ricardoNJ
27 Dec 2012, 17:24
Good again!

Hugh_P
25 Dec 2013, 00:19
And again this year too. Thank you!