Announcement

Collapse
No announcement yet.

Falling Snowflakes by vBCore

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Falling Snowflakes by vBCore

    This is a nice Template Modification that I thought would be cool to post here since I noticed some Christmas/Holiday skins were being released. Spice it up with some falling snowflakes!

    Installation is simple, should take no more than 2 minutes

    Admin CP > Style Manager > Edit the Header Template

    Add the Following Code Above ALL in the Header Template

    The text in Red could change based on the location of your Forum Board, Change if Needed

    Code:
     
       <script type="text/javascript" src="/forum/images/misc/snow.js">
       	 
       	 /***********************************************
       	 * Snow Effect 1 -little snowflakes
       	 ***********************************************/
       	 
       	 </script>
       	 
       	 <script language="JavaScript1.2">
       	 
       	 /******************************************
       	 * Snow Effect Script 2 -big snow flakes
       	 ******************************************/
       	   
       	 
       	   //Configure below to change URL path to the snow image
        [color=red]	  var snowsrc="/forum/images/misc/snow.gif"[/color]
       	   // Configure below to change number of snow to render
       	   var no = 10;
       	 
       	   var ns4up = (document.layers) ? 1 : 0;  // browser sniffer
       	   var ie4up = (document.all) ? 1 : 0;
       	   var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
       	 
       	   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 (ns4up||ns6up) {
       		 doc_width = self.innerWidth;
       		 doc_height = self.innerHeight;
       	   } else if (ie4up) {
       		 doc_width = document.body.clientWidth;
       		 doc_height = document.body.clientHeight;
       	   }
       	 
       	   dx = new Array();
       	   xp = new Array();
       	   yp = new Array();
       	   am = new Array();
       	   stx = new Array();
       	   sty = new Array();
       	   
       	   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 (ns4up) {					 // set layers
       		   if (i == 0) {
     document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><a href=\"http://dynamicdrive.com/\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/layer>");
       		   } else {
     document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"><\/layer>");
       		   }
       		 } else 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 snowNS() {  // Netscape main animation function
       		 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();
       			 doc_width = self.innerWidth;
       			 doc_height = self.innerHeight;
       		   }
       		   dx[i] += stx[i];
       		   document.layers["dot"+i].top = yp[i];
       		   document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
       		 }
       		 setTimeout("snowNS()", 10);
       	   }
       	 
       	   function snowIE_NS6() {  // IE and NS6 main animation function
       		 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();
     			 doc_width = ns6up?window.innerWidth : document.body.clientWidth;
     			 doc_height = ns6up?window.innerHeight : document.body.clientHeight;
       		   }
       		   dx[i] += stx[i];
       		   if (ie4up){
       		   document.all["dot"+i].style.pixelTop = yp[i];
       		   document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
       		   }
       		   else if (ns6up){
       		   document.getElementById("dot"+i).style.top=yp[i];
       		   document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i]);
       		   }   
       		 }
       		 setTimeout("snowIE_NS6()", 10);
       	   }
       	 
       	   if (ns4up) {
       		 snowNS();
       	   } else if (ie4up||ns6up) {
       		 snowIE_NS6();
       	   }
       	 
       	 </script> [b][/b]


    Download the Attached ZIP file and upload the Snow.js and Snow.gif into your /forum/images/misc directory of your Forum Board!

    Live demo at www.vbcore.com/forum
    Was made aware that this only works in Internet Explorer

    I take no credit for the .js file. Credit goes to DynamicDrive.com (Made it Blue for Floris) lol



    Attached Files
    Last edited by vbcore; Thu 9 Dec '04, 3:56am.

  • #2
    You should leave copyright in tact from the original author who wrote that snow script
    Dean Clatworthy - Web Developer/Designer

    Comment


    • #3
      The little snowballs fall but the snowflakes do not.
      John
      diet support at diettalk.com

      Comment


      • #4
        Originally posted by Dean C
        You should leave copyright in tact from the original author who wrote that snow script
        Yea, but I have had the Script for a while, cant remember where i got it from

        Comment


        • #5
          Then you shouldn't really be distributing it then.
          Dean Clatworthy - Web Developer/Designer

          Comment


          • #6
            Originally posted by Dean C
            Then you shouldn't really be distributing it then.
            Found the creator of the File. Credit given

            Comment


            • #7
              One thing to bear in mind when using any of those "snowflake" javascripts is that your members CPU resources will rise significantly.

              We used a similar script a couple of years ago and got bombarded with complaints from members saying the page loads increased dramatically.So we never used them again.

              Look at your CPU usage under the Performances tab in Task Manager when viewing a page loaded with the snowflake effect.And then compare it with a non javascript page. You should see a noticeable difference.
              Techzonez - Tech News
              Techzonez Forums - Tech Community

              Comment


              • #8
                I havent had any complaints yet...

                Comment


                • #9
                  It's a shame about not working in Firefox. Any suggestions or explainations?

                  Just wondering,
                  D.

                  Comment


                  • #10
                    Originally posted by vbcore
                    I havent had any complaints yet...
                    Not trying to knock it vb. Just wanted to make users aware that it may cause a problem.
                    Techzonez - Tech News
                    Techzonez Forums - Tech Community

                    Comment


                    • #11
                      Not working here...

                      Comment


                      • #12
                        Originally posted by ambumann
                        Not working here...
                        What problems are you having..

                        Comment


                        • #13
                          No snowflakes...

                          Comment


                          • #14
                            I downloaded the original first script from the guys site, works fine in firefox and in IE.

                            Comment


                            • #15
                              I installed mine today...

                              Works flawlessly in IE.
                              Firefox only shows the little stuff, NO big flakes. Tried it on 2 different comps at 2 different locations...

                              Comment

                              widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
                              Working...
                              X