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)

Quote:

Originally Posted by ymam (Post 1925289)

Im having problems with the snowflakes appear on my portal page in IE.
They show up as red X's floating down the screen any suggestions?

Same here, I don't know why. Any help ?

Quote:

Originally Posted by ymam (Post 1925289)

Im having problems with the snowflakes appear on my portal page in IE.
They show up as red X's floating down the screen any suggestions?

Quote:

Originally Posted by worldwidereefer (Post 1925466)

Same here, I don't know why. Any help ?

Per Roms use different image .txt file:

Quote:

Instructions:

1. Open snowflake.js with microsoft wordpad (you can use notepad but it might create an error). ie: right the file and click "openwith" if it's enabled on your computer. DO NOT use dreamweaver as it will mess it up!!!!

2. look for:

var snowsrc="images/misc/snowflake.gif"

edit to the name of your file...

Save, upload, done!

or:

Just rename your image to snowflake.gif and you don't have to edit any files!!! What a concept! LOL :p

-Roms
Military Ltd and vBulletin.Org

That means make sure that it is using the correct image and it's in the correct folder i.e.

images/misc/snowflake.gif

Some need to add a / or not depending on your setup so it might look like:

/images/misc/snowflake.gif

Mike

Amazing! Thank you so much!

Thanks...that fixed it!

Quote:

Originally Posted by ymam (Post 1928576)

Thanks...that fixed it!

Your welcome :D

also don't forget that in the future if something just does not seem right... it's usually a wrong url or a slash in with it OR htaccess that cause a lot of problems ;).

Mike

just installed works great thanks!

I'm interested in figuring out the "tick" that RobbieZ stated. If I wanted to add balloons and having them rise versus falls. Can anyone please explain this to me?

this is driving my members mad, one has had to call in virtual mountain rescue to find his laptop

installed THANKS

LIVE @ www.club-vaux.com

Nice little seasonal addition - although I have 'Code:'

At the very top of my forum homepage now just above my logo. Any idea how to remove this?

Quote:

Originally Posted by mp3u (Post 1934054)

Nice little seasonal addition - although I have 'Code:'

At the very top of my forum homepage now just above my logo. Any idea how to remove this?

It sounds like you actually copied the word "code" and pasted it in!

Remove the actual word/text "Code"

Quote:

Originally Posted by UKBusinessLive (Post 1680096)

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:

i added it to the vbAdvanced rather than the FORUMHOME because some of my members either have poor systems/cpu's or a browser which they prefer not to use javascript.

i therefore added it to the adv_portal of the vbAdvanced Template so they would only briefly see the snow upon entering FORUMHOME.

Code:

in adv_portal



above </head>



add,



<!-- Start Snowflake Code -->

<script type="text/javascript" src="clientscript/snowstorm.js"></script>

<!-- End Snowflake Code -->

note: under our setup, i did not adjust the src="clientscript/snowstorm.js location code so only adjust if need be depending on ur server's forum folder.

vBAdvanced v3.0.1

HTH and thanks for the festive snow. :)

as with my above post, i'm now using it for Halloween using the pumpkin.png file someone posted earlier in this thread.

however, i went ahead and edited the .js file in M$ Word and replaced with pumpkin.png rather than simply change the file extension or changing the name to snowflake.gif ...i also didn't want to convert it in my photoeditor.

tnx again! :)

I installed this on my site with VBA.

I have a flash banner at the top of my site. Is there a way to make the snow fall in front of the flash? The banner is maintained on my site using CYBs banner mod. The snow goes over other flash elements such as my youtube embedded players or other flash videos.

Hmmm I wonder if there is "transparent" code missing somewhere?

Great. Thanks. Works great on vb4 too.

Oh no Santa's Reindeer are escaping... thanks to this mod! LOL

Have a look here: http://www.globalschoolconnect.com/

Attached is the image I created for this.

Next I am going to create a snowman image.

Developer Question:
How can we code your mod so it uses random images each page refresh???

That would rock!!!

Here is my image of poor frosty the snowman that you can use to make fall down your site.

I updated this script to allow for random multiple images to fall on page reload or refresh!

HAPPY HOLIDAYS EVERYONE!

Randoam Images On Page Reload or Refresh!

Ok with a little help from a coder over at www.dynamicdrive.com I have made a serious improvement to this mod.

You can now have random multiple images fall on every page refresh. Meaning each time the page is refreshed of changed a different image will fall! The images can even be animated gifs to create a serious effect for your site.

Here is the new code for you all! Just change the path and list for the images highlighted in Red.

Here is a live demo: Live Example

HAPPY HOLIDAYS!

Code:

/******************************************

* Original Snow Effect Script- By Altan

* Random Falling Images Script

* Dynamic Drive DHTML Code Library (http://www.dynamicdrive.com/)

* Last updated Dec 2010, by Yotsume. This notice must stay intact for use

******************************************/



  //Configure below to change URL paths to your falling images

  var imgs=[

   '/images/misc/present.gif',

   '/images/misc/reindeer.gif',

   '/images/misc/santa.gif',

   '/images/misc/santa2.gif',

   '/images/misc/snowman.gif',

   '/images/misc/bells.gif',

   '/images/misc/snowflake.gif'

  ]



  var snowsrc=imgs[Math.floor(Math.random()*imgs.length)];

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

  for (i = 0; i < no; ++ i) {

    dx[i] = 0;                        // set coordinate variables

    xp[i] = Math.random()*(doc_width-100);  // 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;\"><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]-100);

        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)

        }

Here is my transparent animated Santa, and a flying dove. They are both made to be transparent so will match any site perfectly.

Here is a transparent animated bells gif.

Here is another transparent animated Santa.

and here is a transparent animated gift that spins!

Is it possible to make it falling "multiple images" at the same time?

Like, 3 of the images are "Snow.gif", 2 of them are "Gift.gif", another 3 are some other images... just random, but not the same image at a time, at the same page...

Is it possible?

( Because I want 3-4 and maybe more or less different "New Year" celebration images to show up at the pages, instead of 1 )

Quote:

Originally Posted by illkeyone (Post 2141532)

With this particular script, no.

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01329 seconds Memory Usage 1,817KB 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 (2)bbcode_code_printable (8)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 (29)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: