Site Links
Home
Features
Documentation
Pricing & Order
Members Area
Support Options
UBBDev.com
UBBWiki.com
Who's Online
1 registered (Ruben), 30 Guests and 5 Spiders online.
Key: Admin, Global Mod, Mod
Featured Member
tee
tee
Registered: 07/18/06
Posts: 84
Top Posters (30 Days)
Ruben 47
Bert 26
Gizmo 18
Rob Provencher 10
Rimex 9
SD 6
sw55 5
Eugene 5
Matthias1976 4
Dunny 3
Latest Photos
Uhm...
Mayan End of World
Gas Station Disco Video Shoot
Test Pictures
Audrey Kate
Page 1 of 5 1 2 3 4 5 >
Topic Options
#203422 - 12/18/07 11:57 AM Snow falling
luckie Offline
journeyman
Registered: 10/17/07
Posts: 99
Hey guys,

How can I have those cute snow flakes falling over my forum?
Already tried a few scripts I found on the internet, but they don't seem to work
Top
Express Hosting
Express Hosting "We are the official hosting company of UBB.threads. Ask us about our free migration services to migrate your UBB.threads installation."
#203423 - 12/18/07 11:59 AM Re: Snow falling [Re: luckie]
Ian Offline
Registered: 06/05/06
Posts: 4349
Loc: Essex, UK
take your laptop to a snowstorm and open it up ;\)
Top
#203424 - 12/18/07 12:00 PM Re: Snow falling [Re: luckie]
gliderdad Offline
Registered: 06/07/06
Posts: 1475
Loc: NY
Like this I added it in my header.php file in the includes folder
Top
#203425 - 12/18/07 12:00 PM Re: Snow falling [Re: gliderdad]
gliderdad Offline
Registered: 06/07/06
Posts: 1475
Loc: NY
Roflmao, I like Ians idea better
Top
#203427 - 12/18/07 12:04 PM Re: Snow falling [Re: gliderdad]
luckie Offline
journeyman
Registered: 10/17/07
Posts: 99
Where did you get the script? Can you send it to me pretty pleeaase? \:D

Ian, if it was snowing out here, I would
Top
#203429 - 12/18/07 12:05 PM Re: Snow falling [Re: Ian]
Ian Offline
Registered: 06/05/06
Posts: 4349
Loc: Essex, UK
in all seriousness the scripts should work fine on your site - how are you setting it up?
Top
#203431 - 12/18/07 12:10 PM Re: Snow falling [Re: Ian]
gliderdad Offline
Registered: 06/07/06
Posts: 1475
Loc: NY
Here is the script, be sure to add it inside the <body></body> tags and to add the path to your snow image.



 Code:
<script type="text/javascript">

/******************************************
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Last updated Nov 9th, 05' by DD. This notice must stay intact for use
******************************************/
  function openwindow(){
window.open("autumn_effect.htm","","width=350,height=500")
}

  //Configure below to change URL path to the snow image
  var snowsrc="http://www.path/to/snow3.gif"
  // Configure below to change number of snow to render
  var no = 20;
  // 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>



Edited by gliderdad (12/18/07 03:20 PM)
Edit Reason: removed tags
Top
#203432 - 12/18/07 12:12 PM Re: Snow falling [Re: Ian]
luckie Offline
journeyman
Registered: 10/17/07
Posts: 99
I copied this in the HTML Includes (header)

 Code:
<SCRIPT 
type="text/javascript"> /*Script distributed by Hypergurl.com Visit 
http://www.hypergurl.com/easyhtml.html for this script and many more */ // This 
part preloads images. You can use different images. // Change URL path to the 
snow image below grphcs=new Array(6) Image0=new Image(); Image0.src=grphcs[0]="http://www.pinksheep.be/images/snow.gif"; 
Image1=new Image(); Image1.src=grphcs[1]="http://www.pinksheep.be/images.snow.gif" Image2=new Image(); 
Image2.src=grphcs[2]="http://www.pinksheep.be/images/snow.gif" Image3=new Image(); Image3.src=grphcs[3]="http://www.pinksheep.be/images/snow.gif" 
Image4=new Image(); Image4.src=grphcs[4]="http://www.pinksheep.be/images/snow.gif" Image5=new Image(); 
Image5.src=grphcs[5]="http://www.pinksheep.be/images/snow.gif" // Configure below - change number 
of snow to render Amount=15; Ypos=new Array(); Xpos=new Array(); Speed=new Array(); 
Step=new Array(); Cstep=new Array(); ns=(document.layers)?1:0; ns6=(document.getElementById&&!document.all)?1:0; 
if (ns){ for (i = 0; i < Amount; i++){ var P=Math.floor(Math.random()*grphcs.length); 
rndPic=grphcs[P]; document.write("<LAYER NAME='sn"+i+"' LEFT=0 
TOP=0><img src="+rndPic+"></LAYER>"); } } else{ 
document.write('<div style="position:absolute;top:0px;left:0px"><div 
style="position:relative">'); for (i = 0; i < Amount; i++){ var 
P=Math.floor(Math.random()*grphcs.length); rndPic=grphcs[P]; document.write('<img 
id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">'); 
} document.write('</div></div>'); } WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight; 
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth; for 
(i=0; i < Amount; i++){ Ypos[i] = Math.round(Math.random()*WinHeight); Xpos[i] 
= Math.round(Math.random()*WinWidth); Speed[i]= Math.random()*5+3; Cstep[i]=0; 
Step[i]=Math.random()*0.1+0.05; } function fall(){ var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight; 
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth; 
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop; var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft; 
for (i=0; i < Amount; i++){ sy = Speed[i]*Math.sin(90*Math.PI/180); sx = Speed[i]*Math.cos(Cstep[i]); 
Ypos[i]+=sy; Xpos[i]+=sx; if (Ypos[i] > WinHeight){ Ypos[i]=-60; Xpos[i]=Math.round(Math.random()*WinWidth); 
Speed[i]=Math.random()*5+3; } if (ns){ document.layers['sn'+i].left=Xpos[i]; document.layers['sn'+i].top=Ypos[i]+hscrll; 
} else if (ns6){ document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]); 
document.getElementById("si"+i).style.top=Ypos[i]+hscrll; } else{ eval("document.all.si"+i).style.left=Xpos[i]; 
eval("document.all.si"+i).style.top=Ypos[i]+hscrll; } Cstep[i]+=Step[i]; 
} setTimeout('fall()',115); } window.onload=fall //--> </SCRIPT>


Edited by Gizmo (12/18/07 06:45 PM)
Top
#203438 - 12/18/07 12:41 PM Re: Snow falling [Re: luckie]
gliderdad Offline
Registered: 06/07/06
Posts: 1475
Loc: NY
Did you get the script I sent to work?
Top
#203440 - 12/18/07 12:53 PM Re: Snow falling [Re: gliderdad]
Ian Offline
Registered: 06/05/06
Posts: 4349
Loc: Essex, UK
I would suggest trying gilderdad's script first - if that fails let us know \:\)
Top
Page 1 of 5 1 2 3 4 5 >



Moderator:  AllenAyres, Harold, Ian, Ron M 
Shout Box

Today's Birthdays
No Birthdays
Recent Topics
Time zone setup
by skicomau
05/22/13 12:16 AM
Express hosting.
by Ruben
05/16/13 03:54 PM
Level of detail in new user registration emails
by Mitch P.
05/15/13 10:20 PM
Approving users
by Bert
05/15/13 09:22 PM
Users randomly added to other group
by Bert
05/15/13 09:15 PM
Forum Stats
10969 Members
36 Forums
33959 Topics
183413 Posts

Max Online: 978 @ 06/24/07 10:19 PM
Random Image