vb.org Archive - Forum Home Enhancements

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 3.8 Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=236)

- - Forum Home Enhancements - Snow for your site :-) (https://vborg.vbsupport.ru/showthread.php?t=197312)

Snow for your site :-)

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

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

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

Enjoy

We kind of need the images.

Quote:

Originally Posted by Winterworks (Post 1673574)

We kind of need the images.

Here you are

https://vborg.vbsupport.ru/external/2008/11/4.gif

There are images on the site which features in the link in my first post, or you can use any image you want. ;)

My snow doesn't seem to show.

i added that code in the bottom in my header and added the snow image to outside of forum directory and linked to the snow image in the script.

maybe i am doing something wrong? :confused:

Quote:

Originally Posted by subz uk (Post 1673592)

Have You added your picture url here??

PHP Code:


		
			
//Configure below to change URL path to the snow image 

  var snowsrc="http://your directory.com/snow.gif"

Find:

PHP Code:


		
			
var i, doc_width = 800, doc_height = 600;

and change the doc width and height to suit your forum 600 width and 600 height worked for me.

Find

PHP Code:


		
			
var snowdistance = "pageheight";

and change "pageheight" for "windowheight"

;)

Thank you, works well!

I'm assuming that if we'd like it to appear only on the forum home that we add it somewhere on the forum home template?

Any place in specific if we choose to go that route?

I think that I'm going to add the 'leaf' picture for the next week or so and then switch to the 'snowflake' :D

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" :D

CLICK HERE FOR DEMO: Walt Disney Boards

Modification updated...

Roms, anything different other than the actual instructions added?

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 :D).

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. :D

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.

Quote:

Originally Posted by ArnyVee (Post 1673752)

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

Thanks for the help Roms ;):)

Quote:

Originally Posted by UKBusinessLive (Post 1673822)

Thanks for the help Roms ;):)

No problem, I'm glad to help. :D

Quote:

Originally Posted by ArnyVee (Post 1673700)

Your board looks great Arny :D I wonder how long it'll be before we see floating Mickies :D

I'm saving mine untill a week before Christmas:rolleyes:

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

Floating Mickys? I'm way ahead of ya! ;)

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

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?

Quote:

Originally Posted by powerful_rogue (Post 1675998)

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

:D

Installed,tested and works well, will keep it for 1st day of snow here in scotland which shouldnae be far away LOL :up:

Is there any way to make this an option that can be changed in the ACP?

Quote:

Originally Posted by Virtualshiner (Post 1677823)

Is there any way to make this an option that can be changed in the ACP?

I doubt it, Its a very bog standard java script, which some members will probably use just during the Christmas Period. I'm loading mine just before Christmas for probably the best part of a week, then its off to my script folder for next year.

To be honest once you've set the amount of snow and site size and uploaded your snowflake gif, theres nothing else to edit

Can't really think of much else to use it for

Hi , good work UKB, but is possible to show the snow only on the home page of the portal (vb advanced) and on the homepage of the forum?

Thanks

You may have to just add the code to the FORUMHOME page for the forum and in the index page for the VBAdavance but i've not tried it :o

Give it a go and see, remember to back up your originals, let us know how you got on :rolleyes:

Got it working on the vbAdvanced eventually.

If you have your forum in a folder like /forums you need to edit the location of the image file in the javascript file, save it and then re-upload and it should then work.

Thanks for posting :D

I had done this w/o knowing about your post lol so good to see another DD Script!

I used a slightly different script though found here --> http://www.dynamicdrive.com/dynamici...ownoimages.htm

Demo: (Different snow effect used than this mod) http://www.tournamentgamingworld.com...splay.php?f=21

You can use this too, pretty much follow the instructions on the DD page I linked to above ;)

(ohh and all my code was placed in the header template of each style we use for I use sub-forums w/ different syles so you can use what UKBusinessLive posted or what I linked to for different sub-forum styles OR place it all in your header or navbar template of your single style ;))

S-MAN

Quote:

Originally Posted by Roms (Post 1673731)

Modification updated...

TY Roms... I'm an Avid DD User ;)

Edit (WHAT?!?!?!?! it's just me :D)

Thanks - nice hack for dark style ...

regards

macc

Quote:

Originally Posted by macc (Post 1680552)

Thanks - nice hack for dark style ...

regards

macc

Well, let's not invade/hijack UK's thread but I thought I would show you more options!

Someone already beat me to posting it here, I found it also here --> https://vborg.vbsupport.ru/showthrea...wpost&t=132475

Some like the images, some like the dots lol.

They also have a "Rain" Effect via a Rain/Snow script found via --> http://www.dynamicdrive.com/dynamicindex3/rain.htm

Enjoy & Thanks again for more useful tweaks UKBusinessLive... ( Edit: Removed Message to not further hijack this thread, UK, please check your PM's :D !!!)

S-MAN

Its cool S-Man, as long as we help each other, thats what we're here for :D

Awesome, Works Like A Charm

Quote:

Originally Posted by UKBusinessLive (Post 1680723)

Its cool S-Man, as long as we help each other, thats what we're here for :D

I'm always here to help people ;) so anytime... in my younger days terminology... Just HoLLa @ Ya BoI!!!!!!! :D

İts good for new year.

Anyone have a 'confetti' sort of gif for this one?

I'd like to use that tomorrow and the following day.

Hi Arny ;)

Happy new year buddy, I looked for some confetti as a .png format and i found this

https://vborg.vbsupport.ru/external/2008/12/1.png

its got a transparent background so it should work out ok

Hope this helps

;)

Ahh..very nice! :)

Thank you sir and may you have a successful and joyful 2009! :D

hehe installed.. lovely..

Next up maybe we can use some floating hearts for Valentine's Day and some floating shamrocks for St Patrick's Day ;)

If anyone finds a .png of some hearts and shamrocks, please post for the benefit of all.

We might want to rename this thread/mod to the "holiday spirit" mod ;)

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01547 seconds Memory Usage 1,840KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_html_printable (3)bbcode_php_printable (10)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (40)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.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/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.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 printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: