Site Links
Home
Features
Documentation
Pricing & Order
Members Area
Support Options
UBBDev.com
UBBWiki.com
Who's Online
4 registered (Stan, SteveS, Pilgrim, Bjab), 26 Guests and 12 Spiders online.
Key: Admin, Global Mod, Mod
Featured Member
Registered: 05/17/12
Posts: 3
Top Posters (30 Days)
Ruben 51
Gizmo 24
DennyP 24
Dunny 15
SteveS 14
AllenAyres 12
dbremer 10
SD 10
drkknght00 9
driv 8
Latest Photos
OK Corral Shoot Out
Testing
Basildon Train Station
Basildon Town Centre looking from the rounderbout
Basildon Town Square
Page 1 of 5 1 2 3 4 5 >
Topic Options
#203422 - 12/18/07 12:57 PM 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 12:59 PM Re: Snow falling [Re: luckie]
Ian Offline
Registered: 06/05/06
Posts: 4337
Loc: Essex, UK
take your laptop to a snowstorm and open it up ;\)
Top
#203424 - 12/18/07 01:00 PM Re: Snow falling [Re: luckie]
gliderdad Offline
Registered: 06/08/06
Posts: 1466
Loc: NY
Like this I added it in my header.php file in the includes folder
Top
#203425 - 12/18/07 01:00 PM Re: Snow falling [Re: gliderdad]
gliderdad Offline
Registered: 06/08/06
Posts: 1466
Loc: NY
Roflmao, I like Ians idea better
Top
#203427 - 12/18/07 01: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 01:05 PM Re: Snow falling [Re: Ian]
Ian Offline
Registered: 06/05/06
Posts: 4337
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 01:10 PM Re: Snow falling [Re: Ian]
gliderdad Offline
Registered: 06/08/06
Posts: 1466
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 04:20 PM)
Edit Reason: removed tags
Top
#203432 - 12/18/07 01: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 07:45 PM)
Top
#203438 - 12/18/07 01:41 PM Re: Snow falling [Re: luckie]
gliderdad Offline
Registered: 06/08/06
Posts: 1466
Loc: NY
Did you get the script I sent to work?
Top
#203440 - 12/18/07 01:53 PM Re: Snow falling [Re: gliderdad]
Ian Offline
Registered: 06/05/06
Posts: 4337
Loc: Essex, UK
I would suggest trying gilderdad's script first - if that fails let us know \:\)
Top
#203442 - 12/18/07 02:32 PM Re: Snow falling [Re: Ian]
luckie Offline
journeyman
Registered: 10/17/07
Posts: 99
I get falling red crosses now... hilarious
Top
#203443 - 12/18/07 02:35 PM Re: Snow falling [Re: luckie]
gliderdad Offline
Registered: 06/08/06
Posts: 1466
Loc: NY
Cool, all you need to do is fix the path to your snow. Find this

 Code:
[color:#FF0000]www.path/to/snow.gif[/color]


remove the color tags and make sure your path is right. That was my fault, sorry
Top
#203444 - 12/18/07 02:37 PM Re: Snow falling [Re: gliderdad]
luckie Offline
journeyman
Registered: 10/17/07
Posts: 99
That's what I did
Top
#203446 - 12/18/07 04:13 PM Re: Snow falling [Re: luckie]
driv Online   censored

Pooh-Bah
Registered: 01/10/04
Posts: 2377
What are the color tags for?
I removed them and it works for me.
_________________________
Using version :: 7.5.6
Top
#203448 - 12/18/07 04:18 PM Re: Snow falling [Re: driv]
gliderdad Offline
Registered: 06/08/06
Posts: 1466
Loc: NY
I accidentally put them in there for him to see were to change the path to his snow image.
Top
#203449 - 12/18/07 05:13 PM Re: Snow falling [Re: gliderdad]
driv Online   censored

Pooh-Bah
Registered: 01/10/04
Posts: 2377
Ah - thought my brain was in neutral (again).
_________________________
Using version :: 7.5.6
Top
#203450 - 12/18/07 05:14 PM Re: Snow falling [Re: driv]
gliderdad Offline
Registered: 06/08/06
Posts: 1466
Loc: NY
Nope, it was my brain roflmao
Top
#203462 - 12/18/07 07:46 PM Re: Snow falling [Re: gliderdad]
Gizmo Offline

Registered: 06/05/06
Posts: 14995
Loc: Portland, OR; USA
I get irritated from falling snow... It's a great visual teaser, however, if you try to click on a link, you end up clicking on the snow images and sometimes cannot get to links...
_________________________
Forums: UGN Security & VNC Web Design & Development
UBB.Threads: UBB.Wiki, My UBBSkins, UBB.Sitemaps
Longtime UBB Supporter, UBB Beta Tester & Resident Post-A-Holic.
UBB Modifications, Styling, Coding Services, Disaster Recovery, and more!
Top
#203471 - 12/19/07 02:55 AM Re: Snow falling [Re: Gizmo]
SD Offline
Registered: 04/19/07
Posts: 4056
Loc: SoCal, USA
i just make it snow in the shoutbox..
_________________________

Threads tutorials . Threads & Wordpress experts . UBB resume

If I you, click this link as to why
Top
#203483 - 12/19/07 04:04 AM Re: Snow falling [Re: SD]
Ian Offline
Registered: 06/05/06
Posts: 4337
Loc: Essex, UK
LOL good idea \:\) .............
Top
#203501 - 12/19/07 05:29 AM Re: Snow falling [Re: Ian]
Gizmo Offline

Registered: 06/05/06
Posts: 14995
Loc: Portland, OR; USA
I can see people all "theres whitenoise in the shoutbox!"
_________________________
Forums: UGN Security & VNC Web Design & Development
UBB.Threads: UBB.Wiki, My UBBSkins, UBB.Sitemaps
Longtime UBB Supporter, UBB Beta Tester & Resident Post-A-Holic.
UBB Modifications, Styling, Coding Services, Disaster Recovery, and more!
Top
#203502 - 12/19/07 05:29 AM Re: Snow falling [Re: Gizmo]
Gizmo Offline

Registered: 06/05/06
Posts: 14995
Loc: Portland, OR; USA
"It says, bring pie?"
_________________________
Forums: UGN Security & VNC Web Design & Development
UBB.Threads: UBB.Wiki, My UBBSkins, UBB.Sitemaps
Longtime UBB Supporter, UBB Beta Tester & Resident Post-A-Holic.
UBB Modifications, Styling, Coding Services, Disaster Recovery, and more!
Top
#203514 - 12/19/07 05:37 AM Re: Snow falling [Re: Gizmo]
Ian Offline
Registered: 06/05/06
Posts: 4337
Loc: Essex, UK
What are you on about now ? ;\)
Top
#203529 - 12/19/07 05:46 AM Re: Snow falling [Re: Ian]
Gizmo Offline

Registered: 06/05/06
Posts: 14995
Loc: Portland, OR; USA
Who knows at this point...
_________________________
Forums: UGN Security & VNC Web Design & Development
UBB.Threads: UBB.Wiki, My UBBSkins, UBB.Sitemaps
Longtime UBB Supporter, UBB Beta Tester & Resident Post-A-Holic.
UBB Modifications, Styling, Coding Services, Disaster Recovery, and more!
Top
#203559 - 12/19/07 01:36 PM Re: Snow falling [Re: Gizmo]
ntdoc Offline
Registered: 11/09/06
Posts: 3384
Just add SNOW to the Gizmo posts ;\)
Top
#203560 - 12/19/07 01:40 PM Re: Snow falling [Re: ntdoc]
Ian Offline
Registered: 06/05/06
Posts: 4337
Loc: Essex, UK
What for a wipeout ;\)
Top
#203561 - 12/19/07 03:08 PM Re: Snow falling [Re: gliderdad]
luckie Offline
journeyman
Registered: 10/17/07
Posts: 99
 Originally Posted By: gliderdad
I accidentally put them in there for him to see were to change the path to his snow image.


"her".. not that it matters, it's still snowing red crosses
I adjusted the image attributes, no idea if it would make any difference. Well, it doesn't.

More ideas?
Top
#203562 - 12/19/07 03:28 PM Re: Snow falling [Re: luckie]
gliderdad Offline
Registered: 06/08/06
Posts: 1466
Loc: NY
red x's means your path to your snow image is wrong or the permissions to the image is wrong. The fact that you see the red x's shows the script is working right.
Top
#203563 - 12/19/07 03:42 PM Re: Snow falling [Re: gliderdad]
luckie Offline
journeyman
Registered: 10/17/07
Posts: 99
I checked the path already a zillion times, it's correct.
When I type in the path in IE, it shows the snow flake.
I've set the attributes to 777 ..
Top
#203564 - 12/19/07 03:48 PM Re: Snow falling [Re: luckie]
Ian Offline
Registered: 06/05/06
Posts: 4337
Loc: Essex, UK
What path do you have in the script?
Top
#203565 - 12/19/07 03:49 PM Re: Snow falling [Re: luckie]
gliderdad Offline
Registered: 06/08/06
Posts: 1466
Loc: NY
are you using a relative path?
Top
#203566 - 12/19/07 03:55 PM Re: Snow falling [Re: gliderdad]
luckie Offline
journeyman
Registered: 10/17/07
Posts: 99
I'm using this: var snowsrc="www.pinksheep.be/images/snow.gif"
Top
#203573 - 12/19/07 05:04 PM Re: Snow falling [Re: luckie]
Ian Offline
Registered: 06/05/06
Posts: 4337
Loc: Essex, UK
either use http:// at the start or use /images/snow.gif is that is the path.
Top
#203579 - 12/19/07 06:07 PM Re: Snow falling [Re: Ian]
driv Online   censored

Pooh-Bah
Registered: 01/10/04
Posts: 2377
At the top of the script I have...

 Code:
  //Configure below to change URL path to the snow image
  var snowsrc="/index/snow.gif" 



further down I use...
 Code:
  document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://mysite.co.uk\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
      } else {


 
_________________________
Using version :: 7.5.6
Top
#203585 - 12/19/07 07:52 PM Re: Snow falling [Re: driv]
Gizmo Offline

Registered: 06/05/06
Posts: 14995
Loc: Portland, OR; USA
When using a full URL you must prefix it with "http://" like Ian stated. If you do not, then it'll be looking for the image at http://www.pinksheep.be/forums/www.pinksheep.be/images/snow.gif
_________________________
Forums: UGN Security & VNC Web Design & Development
UBB.Threads: UBB.Wiki, My UBBSkins, UBB.Sitemaps
Longtime UBB Supporter, UBB Beta Tester & Resident Post-A-Holic.
UBB Modifications, Styling, Coding Services, Disaster Recovery, and more!
Top
#203623 - 12/20/07 03:42 AM Re: Snow falling [Re: Gizmo]
Ian Offline
Registered: 06/05/06
Posts: 4337
Loc: Essex, UK
Thans Gizmo \:\) ......
Top
#203624 - 12/20/07 03:43 AM Re: Snow falling [Re: Gizmo]
luckie Offline
journeyman
Registered: 10/17/07
Posts: 99
Okay, that did it

Top
#203626 - 12/20/07 03:47 AM Re: Snow falling [Re: luckie]
Ian Offline
Registered: 06/05/06
Posts: 4337
Loc: Essex, UK
That would be down to the script - have you altered the variables at the top?
Top
#203628 - 12/20/07 03:52 AM Re: Snow falling [Re: Ian]
luckie Offline
journeyman
Registered: 10/17/07
Posts: 99
I was too impatient, it just took them very long to fall again

What 'disturbs' me is that they start falling in the amount you indicated. Is it possible to have them fall one by one in stead of all 10 (in my case) at the time?
It looks very odd this way, as the page is refreshed very often, so most of the time, you just have a row of flakes falling down
Top
#203631 - 12/20/07 04:44 AM Re: Snow falling [Re: luckie]
luckie Offline
journeyman
Registered: 10/17/07
Posts: 99
I found it myself! Thumbs up for me
Top
#203634 - 12/20/07 05:24 AM Re: Snow falling [Re: luckie]
luckie Offline
journeyman
Registered: 10/17/07
Posts: 99
Still one question though..

When I set the snowdistance on windowheight, the flakes top falling after one page; so they do never reach the lower topics. When using pageheight, I get the row of flakes at the top.
Is there a way to combine those two?

// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "windowheight";
Top
#203636 - 12/20/07 06:18 AM Re: Snow falling [Re: luckie]
Ian Offline
Registered: 06/05/06
Posts: 4337
Loc: Essex, UK
you would need to alter the script to do this.
Top
#203664 - 12/21/07 04:27 AM Re: Snow falling [Re: Ian]
luckie Offline
journeyman
Registered: 10/17/07
Posts: 99
anyone up for some scripting?
Top
#247441 - 12/24/11 12:31 PM Re: Snow falling [Re: luckie]
Mitch P. Offline

old hand
Registered: 06/23/06
Posts: 827
A holiday bump for this one.

Last year, we had so much "real" snow in Connecticut it was nuts!


12/31/10

This year, we only had snow in October! What a nightmare with major power outages. Since then, no snow. Crazy.

Happy holidays to all!
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
Due Date Calculator-Calculate When Your Baby is Due
by StewartMyduedate
12:54 AM
Temporary Password email not being received
by
05/24/12 10:02 PM
Ability to "like" individual posts (not Facebook "likes)
by doug
05/23/12 09:03 AM
Island Permissions
by ThreadsUser
05/22/12 03:03 PM
streaming video
by prkrgrp
05/20/12 07:02 PM
Forum Stats
10491 Members
36 Forums
33842 Topics
181709 Posts

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