The Arcive of Official vBulletin Modifications Site.

Snow for your site :-) · **Released**: 11-25-2008

Hi Everyone

Just found this great script on this site which lets you add a snow effect to your forums, its great to add on Christmas Day. The great thing about this script is that its free and you don't have to keep it just for snowing, you could add leaves, pumpkins (Halloween) for just about any graphic you want, credit goes to Sasa Skevin for creating such a good script.

You can see a DEMO HERE on the Dynamicdrive homepage, its a great site with loads of scripts you could integrate within your forums.

Enjoy,

UKBusinessLive

-----

I have moved and edited this script for easy use by the members. I have added instructions and added the script to a file which is loaded.

This code is a free source from DynamicDrive.com. Users are NOT allowed to remove the copyrights.

Thanks,

-Roms

***********Update*****************

Just added a Valentine 10 x Hearts Collection, so you can use this as a treat on Valentines day

Enjoy

Roms · #12 11-27-2008, 02:56 AM

Yes, a lot. This update is more streamlined and better for your forums. I would suggest you download the zip file and re-install the modification. You will be adding less code to your site...

(if you want to edit the .js file to use your leaves do it with wordpad, notepad will mess it up... or just re-name your leaf file snowflake.gif.. LOL)

I will offer support as needed as this is UKBusinessLive modification, I am happy to help him become a Designer and will offer any support wanted. (Notice he now has the designed title

).

ArnyVee · #13 11-27-2008, 03:08 AM

Gotcha!

Thanks Roms. I was going to look into doing this myself. So, I'm glad that I didn't have to spend the time to do it.

Might want to include where to edit it in the .js file in the event that someone wanted to add a different image. Other than that, it's good.

Roms · #14 11-27-2008, 03:25 AM

Quote:

Originally Posted by ArnyVee

Gotcha!

Thanks Roms. I was going to look into doing this myself. So, I'm glad that I didn't have to spend the time to do it.

Might want to include where to edit it in the .js file in the event that someone wanted to add a different image. Other than that, it's good.

Added instructions to the zip file for using an alternate image...

UKBusinessLive · #15 11-27-2008, 05:05 AM

Thanks for the help Roms

Roms · #16 11-27-2008, 05:08 AM

Quote:

Originally Posted by UKBusinessLive

Thanks for the help Roms

No problem, I'm glad to help.

UKBusinessLive · #17 11-27-2008, 05:29 PM

Quote:

Originally Posted by ArnyVee

Okay, got it to work only on forum home by going on forumhome template and placing just under the <head> tag

I'm using the "leaf" for the next week and a half or so and then I'll switch to the "snowflake"

CLICK HERE FOR DEMO: Walt Disney Boards

Your board looks great Arny

I wonder how long it'll be before we see floating Mickies

I'm saving mine untill a week before Christmas

I would like to say a mega thanks to Roms for helping me out here, Thanks buddy

ArnyVee · #18 11-27-2008, 05:45 PM

Floating Mickys? I'm way ahead of ya!

Thanks to both of you for helping get the word out on this one.

arauf · #19 11-28-2008, 08:48 AM

Installed *

powerful_rogue · #20 11-30-2008, 08:30 PM

Hi,

Im using VBadvanced as my index page and was wondering if there was an easy way to get the snow to show on there as well as FORUMHOME?

UKBusinessLive · #21 11-30-2008, 08:47 PM

Quote:

Originally Posted by powerful_rogue

Hi,

Im using VBadvanced as my index page and was wondering if there was an easy way to get the snow to show on there as well as FORUMHOME?

not sure as i've not tried but, give it a go

Just try adding this to the <body> of your VBadvanced index page

HTML Code:

  
  //Configure below to change URL path to the snow image
  var snowsrc="snow.gif"
  //Configure below to change number of snow to render
  var no = 10;
  //Configure whether snow should disappear after x seconds (0=never):
  var hidesnowtime = 0;
  // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
  var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

  var ie4up = (document.all) ? 1 : 0;
  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

	function iecompattest(){
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
	}

  var dx, xp, yp;    // coordinate and position variables
  var am, stx, sty;  // amplitude and step variables
  var i, doc_width = 800, doc_height = 600; 
  
  if (ns6up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
  } else if (ie4up) {
    doc_width = iecompattest().clientWidth;
    doc_height = iecompattest().clientHeight;
  }

  dx = new Array();
  xp = new Array();
  yp = new Array();
  am = new Array();
  stx = new Array();
  sty = new Array();
  snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
  for (i = 0; i < no; ++ i) {  
    dx[i] = 0;                        // set coordinate variables
    xp[i] = Math.random()*(doc_width-50);  // set position variables
    yp[i] = Math.random()*doc_height;
    am[i] = Math.random()*20;         // set amplitude variables
    stx[i] = 0.02 + Math.random()/10; // set step variables
    sty[i] = 0.7 + Math.random();     // set step variables
		if (ie4up||ns6up) {
      if (i == 0) {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
      } else {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
      }
    }
  }

  function snowIE_NS6() {  // IE and NS6 main animation function
    doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
		doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
    for (i = 0; i < no; ++ i) {  // iterate for every dot
      yp[i] += sty[i];
      if (yp[i] > doc_height-50) {
        xp[i] = Math.random()*(doc_width-am[i]-30);
        yp[i] = 0;
        stx[i] = 0.02 + Math.random()/10;
        sty[i] = 0.7 + Math.random();
      }
      dx[i] += stx[i];
      document.getElementById("dot"+i).style.top=yp[i]+"px";
      document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";  
    }
    snowtimer=setTimeout("snowIE_NS6()", 10);
  }

	function hidesnow(){
		if (window.snowtimer) clearTimeout(snowtimer)
		for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
	}
		

if (ie4up||ns6up){
    snowIE_NS6();
		if (hidesnowtime>0)
		setTimeout("hidesnow()", hidesnowtime*1000)
		}

</script>

Don't forget to edit the top of the scrip and upload your snowflake images

Good Luck

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.04882 seconds Memory Usage 2,355KB Queries Executed 27 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (1)bbcode_html (4)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (3)pagenav_pagelink (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (2)postbit_attachment (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!