Welcome Guest [Log In] [Register]

Welcome to Big Boards. We hope you like what you see and decide to visit often. Big Boards offers the Zathyus network our long famous Resource Archives, our extensive search indexes, and our info-packed resource forums.

Our team has recently opened a new project called Planet Nexus, where a bold new experiment in forum promotion is taking place. We call it nexworking. NexusTree offers social networking pages for forums in a fully automated format. Your NexusTree page is created instantly when your join the nexus. Find out more by visiting Planet Nexus, and become part of the nexworking revolution.

Posted Image Posted Image
If you're already a member please log in to your account for additional access:

Username:   Password:
Add Reply
Falling Snow
Topic Started: Nov 30 2009, 04:33 PM (361 Views)
.Josh
Member Avatar
BB Beta
[ *  * ]
Board URL:
What browser(s) are you using? google chrome
Your Issue/Question: I was wandering if I could find a way to add falling snow on my forum for over the christmas period?

Posted Image
Offline
Profile
Quote Post
Goto Top
 
HelenaZF
Member Avatar
advanced techno-feeb

this is a standard one:
http://www.dynamicdrive.com/dynamicindex3/snow.htm

host your snowflake image by uploading to a post on your board.
Posted Image Visit the Planet Nexus page!Posted Image

Posted Image
Download some of my graphic sets HERE
Offline
Profile
Quote Post
Goto Top
 
.Josh
Member Avatar
BB Beta
[ *  * ]
Thats a big code... can to do the notepad thing for this?

Posted Image
Offline
Profile
Quote Post
Goto Top
 
HelenaZF
Member Avatar
advanced techno-feeb

yes :)
Posted Image Visit the Planet Nexus page!Posted Image

Posted Image
Download some of my graphic sets HERE
Offline
Profile
Quote Post
Goto Top
 
.Josh
Member Avatar
BB Beta
[ *  * ]
This code isn't working either.. tried putting it above/below the board and the script area still nothing.This is how I've done it..

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

//Configure below to change URL path to the snow image
var snowsrc="http://209.85.48.20/8157/196/0/p1011139/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>
Edited by .Josh, Nov 30 2009, 05:55 PM.

Posted Image
Offline
Profile
Quote Post
Goto Top
 
HelenaZF
Member Avatar
advanced techno-feeb

Goes above the board. The script you posted works as is on my test board.

Also works as hosted code there:

Code:
 
<script type="text/javascript" src="http://209.85.62.24/269/184/0/p251045/snowcode.js"></script>


If you'd like a smaller snowflake, this is a nice one: http://209.85.62.24/269/184/0/p251050/snowtiny.png
Posted Image Visit the Planet Nexus page!Posted Image

Posted Image
Download some of my graphic sets HERE
Offline
Profile
Quote Post
Goto Top
 
.Josh
Member Avatar
BB Beta
[ *  * ]
Weird, its working now lol

Posted Image
Offline
Profile
Quote Post
Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · ZetaBoards · Next Topic »
Add Reply