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
Permalink Reply by Lady* on December 9, 2012 at 1:06pm 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.
Permalink Reply by lorianne on December 9, 2012 at 2:10pm 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
Permalink Reply by Hilary Macleod on December 9, 2012 at 7:41pm 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.
Permalink Reply by lorianne on December 9, 2012 at 9:49pm 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.
Permalink Reply by solo on December 9, 2012 at 9:22pm 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..
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!
Permalink Reply by Hilary Macleod on December 9, 2012 at 10:12pm Hi solo
When i followed your link it was showing a leaf not a snowflake. I used Lorianne's solution.
Permalink Reply by lorianne on December 9, 2012 at 10:19pm 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.
Permalink Reply by solo on December 9, 2012 at 10:41pm @hiary i apologize..football was on downloaded the wrong gif
Permalink Reply by lorianne on December 10, 2012 at 12:25am 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...
Permalink Reply by Hilary Macleod on December 10, 2012 at 2:44pm Thanks all! It is now snowing on my page and no problems with the links :-)
Permalink Reply by Santa Norm on January 12, 2013 at 10:33am 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.
Fire-Tech replied to Alex's discussion 'More styling in the Design Studio'
Allison Leahy replied to Allison Leahy's discussion 'What is your Ning 3.0 URL?' in the group The Sandbox
Liliana Parra replied to John Bizley's discussion 'Show Your Ning 3.0 Sites'
Allison Leahy replied to Jen's discussion 'Menu on Mobile Device Difficult'
Allison Leahy replied to Dw Alternatio's discussion 'Any way to change to a 3.0 network?'
Allison Leahy replied to Jen's discussion 'Menu on Mobile Device Difficult'© 2013 Created by Ning.
