JenSocial: Social Web Directory and Ning Tips

Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support

Classic Snow Script by Ivan Lazarevic (formatted for Ning Network)

jQuery Snow Falling plugin - written by Ivan Lazarevic

Classic Snow Script

Since the snowy Holidays have come and gone, I was in the process of removing the snow script from JenSocial, and thought, hmmm, I might want to use this down the road. I had the script running through the holidays - - it generates nice classic snowflakes falling from the top of the site. Obviously, the Developer: Ivan, is very talented. To my knowledge, this script caused no site issues. The site loaded the same, and smooth sailing.

Installation Instructions:

The code below is Ivan's code, formatted for a Ning Network.
Add the script below to your Custom Code Box via: My Network/Tools/Custom Code
You can adjust the snowflake parameters:

minSize - min size of snowflake

10 by default maxSize - max size of snowflake

20 by default newOn - frequency in ms of appearing of new snowflake

500 by default flakeColor - color of snowflake, #FFFFFF by default

<script src="http://storage.ning.com/topology/rest/1.0/file/get/1061650637?profile=original"></script>

<script>
x$(document).ready( function(){
        x$.fn.snow({ minSize: 5, maxSize: 50, newOn: 1000, flakeColor: '#FFFFFF' });
});
</script>

1 member favorited this

▶ Reply to This

Replies to This Discussion

Permalink Reply by OregonShout _YoUNITY on January 11, 2013 at 2:45pm

:)
always something for everybody...@ JenSocial

▶ Reply

Permalink Reply by JenSocial on January 11, 2013 at 3:11pm

Have a great weekend!

▶ Reply

Permalink Reply by Gaelen on August 26, 2013 at 7:06am

Is there a code for the 3.0 program?

▶ Reply

Permalink Reply by JenSocial on August 28, 2013 at 1:24am

Gaelen,

I haven't tested this in Ning 3.0. But it should work if you add to the Custom Code Box, the bottom one.

Let us know,

Jen

▶ Reply

Permalink Reply by Gaelen on August 28, 2013 at 1:42am

Yes it works Jen.

▶ Reply

Permalink Reply by Steve Shigemoto on November 10, 2013 at 7:55pm

I can't get this to work.

I open the Design Studio, open Advanced and add the code to the

add Custom CSS box and publish.

Am I missing something. So far the only code that has worked is

the fixed background code:

body {background-attachment:fixed!important;}

▶ Reply

Permalink Reply by JenSocial on November 10, 2013 at 8:08pm

Steve,

The Custom CSS box is for CSS/styles - - all attributes applied to the site Design utilizing the CSS selectors for things like font colors, font size, margins, padding, background color, and a ton more.

The Custom Code box (when this tip was created) is for code like scripts.

If you read the instructions carefully you'll see:

Add the script below to your Custom Code Box via: My Network/Tools/Custom Code

Hope that helps,

Jen