Cool Tip: Add holiday lights to top of network

[Add a Tip for Other Network Creators (Ning 2.0)]

CLICK on PICTURE to SEE what the FINAL PRODUCT LOOKS LIKE!

Here's some cool WINTER SWAG! Add some awesome festive Holiday lights to the top of your Ning network & give it some sexy pizzazz. BTW, Ning we'd love for you to feature our website ;)!

DISCLAIMER: Adapted from XLSF 2007 as originally used on SchillMania Download my tediously customized version of the Lights Folder that you will need to upload to your web server specially modified for all of my fellow Ning Creators HERE NOW!

<!-- Put this in your NING.COM Admin Account's "My Network" CUSTOM CODE Section & Change "HOSTING_FOLDER_URL" directory accordingly below -->

<link rel="stylesheet" media="screen" href="HOSTING_FOLDER_URL/christmaslights.css" />

<script type="text/javascript" src="HOSTING_FOLDER_URL/soundmanager2-nodebug-jsmin.js"></script>

<script type="text/javascript" src="http://yui.yahooapis.com/combo?2.6.0/build/yahoo-dom-event/yahoo-dom-event.js&2.6.0/build/animation/animation-min.js"></script>

<script type="text/javascript" src="HOSTING_FOLDER_URL/christmaslights.js"></script>

<script type="text/javascript">

var urlBase = 'HOSTING_FOLDER_URL/';

soundManager.url = 'HOSTING_FOLDER_URL/';

</script>

 

<!-- IF YOU WANT, Change the 'tiny' value to 'pico', 'tiny', 'small', 'medium' or 'large' in HOSTING_FOLDER_URL/christmaslights.js (NOT .CSS), it's line 53 if you have a line counter-->

this.lightClass = ('tiny'); // kind of light to show (32px to 96px square)

 

<!-- IF YOU WANT, After you do that LOCATE and ADJUST the "top" value until it matches up how you want it to in HOSTING_FOLDER_URL/christmaslights.css (NOT .JS), it's line 7 if you have a line counter-->

/* Follow me on TWITTER

http://twitter.com/tanatrump

*/

/* XLSF 2007

#lights {

position:absolute;

left:0px;

top:19px; <-- CHANGE THIS ONE */

 

<!-- Finally put this in your NING.COM Admin Account's "My Network" CUSTOM CODE Section & Change "WHEREVER_YOU_KEEP_YOUR_BANNER_IMAGE" directory accordingly below -->

<!-- Additionally, change the "z-index:-999" parameter to "z-index:0" to put the lights behind banner. If you need to know the nerdy explanations & stuff just ask me later -->

<script type="text/javascript">

var newHeaderHtml = '<div id="loading"></div><div id="lights"></div><img style="xg-p:absolute;z-index:-999;" src="WHEREVER_YOU_KEEP_YOUR_BANNER_IMAGE/banner.jpg"/>';

var headerElement = document.getElementById('xg_masthead');

headerElement.innerHTML = newHeaderHtml;

</script>

 

YOU'RE DONE! ENJOY!

 

[Writer Chick {Diane}]

I tried this before (and also the snow effect) and it froze up some of my members computers.  Unfortunately, not everyone has top-notch computers that are fast and efficient. 

[Emmanuel Ace]

HOSTING_FOLDER_URL ??????????

 

I liked that slideshow

[Kos]

Waaaaay over my head.  Thank you for posting but I'm obviously no where near as advanced in coding and such.  After several attempts and failures, I give up.  Looks very nice, however, on the website.  Happy holidays :)

[Writer Chick {Diane}]

Me too.  There needs to be the "Christmas Lights for Dummies" version with specific step by step directions.  LOL  I gave up also.  I don't understand the "Hosting Folder URL" stuff.

[Lainie Takawe]

Ditto! Ditto! Lol.

[Writer Chick {Diane}]

Is there a code where I can add the Christmas Lights to my personal profile page ONLY??    I don't want it to show on the whole site. 

 

Thanks!

[Lainie Takawe]

I have these but they don't fit right across the page so I just centred them.

I hope it was ok to add these to this thread.

[mike]

hello, what url or file do i put in here, 

<script type="text/javascript">

var urlBase = 'HOSTING_FOLDER_URL/';

soundManager.url = 'HOSTING_FOLDER_URL/';

</script>