dOUBLE WHAMMY BONUS TODAY,GIVE ME SOME FREE TIME AND ILL GIVE YOU TWO SCRIPTS..

THIS SCRIPT WILL ALLOW YOU TO HAVE SNOW FLAKES DRIFFTING DOWN ON HOME PAGE..PLACE IN CUSTOM CODE BOX..ABOVE ALL OR BELOW ALL..IF IT DOESNT WORK YOU MAY HAVE CODING ISSUE .REARRANGE CODE PLACE IN MIDDLE IF HAVE TO..IT DOES WORK ..I HAVE NO WORKING EXAMPLE.I HAVE TRIED IT AND IT DOES WORK ON MY NETWORK..

ENJOY LET IT SNOW..PLEASE COPY THIS IMAGE FOR SNOW FLAKES OR USE YOU OWN IMAGE..right click on links to copy and save images..fallen leaves for autom..flakes is for winter

http://www.dynamicdrive.com/dynamicindex3/snow3.gif..THIS IS FOR FLAKES

http://www.dynamicdrive.com/dynamicindex3/snow2.gif..THIS FOR FALLING LEAVES

Be sure variable "snowsrc" in the above code correctly references the full URL path to the image used. Enjoy!

this is the script below with the gif inside.copy this and place were it is needed

snowsrc=("http://api.ning.com:80/files/i4u7-FBW4ADXmq6j5joppYXlgApYY-Q8JhP8oMdwb2TFMNclfv39fRO9M2bV3JOm-NE8v8R1H0LjsDIbitPsJXwjEclrPVLr/snow2.gif")!=-1)? "snow.gif" : snowsrc

 

<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="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>

Tags: CODE, CUSTOM, JQUERY, SNOWFLAKES

Views: 946

Reply to This

Replies to This Discussion

Go to photobucket and join, it is free, up-load the snowflake and save.  You will notice that to one side there is a place to copie codes for direct link, embedding, etc.  Make sure you use the one that direct link, it will have htpp://  to start, just click on it and it is copied and put it where I said.

I've created a few bg images  to go along with the snow script.   Add via CSS customization under "customize" / "page Background". It adds a holiday/winter look without changing the basic look and colours of the page.

Hopefully i have the transparencies right so they look good on dark or light backgrounds (they looked fine on my monitor when i tested them) . you can see the look here: Our Salon

I am rotating them and will add more as i create them. my members seem to love them so far.

Click image to go download full size

I thought I would give this a go but no matter what I tried I could only get "?" or "x" symbols floating down the screen. I copied the image and uploaded it to photobucket, copied the direct code and inserted the URL into the correct place. I copied the complete script to the correct place in "custom code". Using Firefox (17) browser I got nothing, In IE (8) I got the "x" symbols floating down the screen and on my iPad I got "?" symbols.

Hilary - you might want to try this one:

<script src="http://tester2.synthasite.com/resources/white1.js" type="text/javascript">// <![CDATA[

// ]]></script>

I simply added a text box to the bottom of my main page and pasted it to the HTML tab, saved & viola!  snowing with the cute little snowflake images.

you can see it here if you would like Our Salon

hope that helps.

snowsrc=("http://api.ning.com:80/files/i4u7-FBW4ADXmq6j5joppYXlgApYY-Q8JhP8oMdwb2TFMNclfv39fRO9M2bV3JOm-NE8v8R1H0LjsDIbitPsJXwjEclrPVLr/snow2.gif")!=-1)? "snow.gif" : snowsrc

 

this is the downloaded gif placed in the script..copy this and replace where is needed.

 

place url code in between brackets..that is in bold

place script on top of scripts in custome code box or place script below all scripts. 

if you have other scripts in your custome code that might be interfering with this script..move scripts around in code box..

 


here is a way to install this script with out you placing code..

..https://siteapps.com/

and here the link directly to the snow widget...http://siteapps.com/app/falling_snow-179

Be sure variable "snowsrc" in the above code correctly references the full URL path to the image used. Enjoy!

Hi solo

When i followed your link it was showing a leaf not a snowflake. I used Lorianne's solution.

i think the link where i found that script might have come from Solo originally... so either way, Solo made it snow!

glad it worked for you.

@hiary i apologize..football was on downloaded the wrong gif

Hilary - i hope you see this.  i found this script interfered with my ning nav bar; not allowing the links to work. I moved it from a standard text box on the page to an ad box below my footer and that fixed the problem.

it might just be something with my page due to other scripts, but just in case...

Thanks all! It is now snowing on my page and no problems with the links :-)

Well, I got the snow working but my whole program slowed down.  When I mentioned it to ning help they checked it out and removed the snow.  Sent the file to me but because I am a novice compared to you folks I guess I will just give up on the snow idea.  It sure looked good but slowed everything down.

RSS

Latest Activity

sho allan replied to Alex's discussion 'More styling in the Design Studio'
"nice job!!!"
1 hour ago
Fire-Tech replied to Alex's discussion 'More styling in the Design Studio'
"Good job! I would suggest a check box to move the ningbar to the bottom of the page when…"
7 hours ago
Allison Leahy replied to Allison Leahy's discussion 'What is your Ning 3.0 URL?' in the group The Sandbox
"Hi Peggy! Sorry for the slow response here. The designers used Eagle for the headlines and Gotham…"
7 hours ago
Liliana Parra replied to John Bizley's discussion 'Show Your Ning 3.0 Sites'
"Mine is here... Disaster Risk Management (Spanish) http://gestiondelriesgo.ning.com/"
8 hours ago
Allison Leahy replied to Jen's discussion 'Menu on Mobile Device Difficult'
"Absolutely! Thanks for bringing it to my attention, and for your patience as always."
8 hours ago
Allison Leahy replied to Dw Alternatio's discussion 'Any way to change to a 3.0 network?'
"Hey Dw, So glad to hear you're interested in checking out the redesign! Make sure that after…"
8 hours ago

NC for Hire
Jen replied to Jen's discussion 'Menu on Mobile Device Difficult'
"Thanks Allison. I have spent hours trying to fix this. That's great news!"
9 hours ago
Allison Leahy replied to Jen's discussion 'Menu on Mobile Device Difficult'
"Just got the word that the release had no impact the mobile menu and a feature improvement has…"
9 hours ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service