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

@ santa  not in css advance..but in your custom code box or analtyics box....

goto my networks tab..find the link were is says analytics or custome code..open it up..place code on top of everything in that box..hit save..done...for easier install of snow..try this site ....http://siteapps.com/app/falling_snow-179

OK, I went to my networks tab, then clicked on custom code, then I droped in the code, clicked save.  And nothing happened.  I did notice that above the custom code box it says

"You can use this box to add any javascript or HTML code to your Ning Network. The most common use of this box is for adding your own web analytics software such as Google Analytics.

The code you enter here will run and show up at the bottom of each page of your Ning Network, so it will have an effect on overall speed."

So I looked at the bottomof the page but I still don't see anything.

@santa did u put the flakes in the script..were did you place the code..on top of all coding in that box or below coding..if on top..try bottom...also as long as you got the script...surrounded by tags"<script>.....</script> nothing wil or show up at bottom of your network..so leave the tags in place

This is what it says:

<script type="text/javascript">
//<![CDATA[[
$SA={s:15409,asynch:1};
(function(){
var sa = document.createElement("script"); sa.type = "text/javascript"; sa.async = true;
sa.src = ("https:" == document.location.protocol ? "https://" + $SA.s + ".sa" : "http://" + $SA.s + ".a") + ".siteapps.com/" + $SA.s + ".js";
var t = document.getElementsByTagName("script")[0]; t.parentNode.insertBefore(sa, t);
})();
//]]>
</script>
<!-- Make Chat room more visible -->
<a target='_blank' href='http://michigansantas.ning.com/' text='Michigansantas Social Netwrok'><img src='http://api.ning.com:80/files/iRaP5lVt-H1G*wpJGyUEfKa-rV05c8XfTNlZi2DzhgSFqzgtWAs6nKKhireWfEtKT37z09woz*6Lou0tkbzXaENVmu6qD9os/chatbutton.gif alt='Live Chat' style='position: fixed; bottom: 25px; right: 10px;'></a>
<!-- Make Chat room more visible -->

and what are you referring too..thats not the script from above..

1)place script on top of all the script

or

2) place it below the script...right below<!-- Make Chat room more visible -->

Well, I must have dropped the wrong 'stuff'.  So I went back to your original but that didn't work.  Maybe I better give up. :(

I used this and I am so pleased, I found all kinds of codes I can  use.  Thank you so much.

This is the site I used

http://www.dynamicdrive.com/dynamicindex3/snow.htm

Merry Christmas.

Hey Lady!!!,lol...Thank you,known about that site for years,was afraid to mess with some of the scripts,now that im taking a few classes on this stuff.i got brave and found some very nice scripts...merry xmas too you ..enjoy

@Lady hank you so much for the help,im glad that you saw this posting to help out,i was begging to think my network was magic,lol...happy holidays to all

not working on main page maybe cause i have a splash page?

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

right click this snow flake    put the snow flake where you keep your graphics, like photobucket where you can get a direct link, with a Url.  Go to you Custom code  and apply this code then add your link for the snowflake where it says,

//Configure below to change URL path to the snow image
  var snowsrc="snow.gif",  snow gif   THIS IS WHERE YOU ADD YOU URL IN BETWEEN THE EXCLAMATION MARKS.  Don't for get to save.

OK, I have everthing working but the snow flake.  I don't understand where I am suppose to save it.  How do I save it to the internet, so I can have a URL path? 

This is always embarrassing to admit how stupid I am but I don’t get it.

RSS

Latest Activity

Kos replied to Allison Leahy's discussion 'What is your Ning 3.0 URL?' in the group The Sandbox
"Fade the background image itself?  No 3.0 can't do that but you could upload it to pixlr…"
7 minutes ago
Profile IconNing via Facebook
Thumbnail

A community is nothing without its members. Richard Millington shares some places to look when…

See More
Facebook12 minutes ago · Reply
Phoron replied to Allison Leahy's discussion 'What is your Ning 3.0 URL?' in the group The Sandbox
"Thank you"
13 minutes ago
Writer Chick {Diane} replied to Allison Leahy's discussion 'What is your Ning 3.0 URL?' in the group The Sandbox
"You can't transparent a background image that you load yourself. That would be a nice addition."
15 minutes ago
Phoron replied to Allison Leahy's discussion 'What is your Ning 3.0 URL?' in the group The Sandbox
"Thanks Kos you have been very helpful"
15 minutes ago
Imran Baloch replied to SweetPotato's discussion 'Tip: Insert Adverts in Content after the First Paragraph'
"nice I am surely going to try this tip. It looks great."
17 minutes ago
Kos replied to Allison Leahy's discussion 'What is your Ning 3.0 URL?' in the group The Sandbox
"You can select fully transparent (top box) or select a color and adjust it's transparency…"
22 minutes ago
Phoron replied to Allison Leahy's discussion 'What is your Ning 3.0 URL?' in the group The Sandbox
"I'll give it a try.  I see it now.  Is that a black color I put at the bottom.…"
28 minutes ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service