(TIP N3.0 & N2.0) let's hang some Christmas lights..CSS.. Happy holidays :-) updated 12-04-14

[George H. Compton IV]

Happy holidays :-)

The lights will be hanging from the bottom of your Ningbar, see image below.
If you would like to move it up or down just change the 30px in the bottom line of this code. You can also change the background Url to replace the Christmas lights with your own.

Just place this code in your "design studio CSS box".

Ning 3.0

DIV.ningbar.cf:before{
   background-repeat:repeat-x!important;
   content: ","!important;
   position: absolute!important;
   width: 100%!important;
   height: 35px!important;
   left: 0%!important;
   background: url(https://api.ning.com/files/6vIMLmuhUcrLLIL3po0DvpHbBYZ-QctxAE1sy*OqLilWCgFpTnDwYbklBuyggoVNV1mZx1UL1kiqY*gRuxCQoUG1n8w7dlyj/Animation3.gif);
   top: 30px!important; }



Ning 2.0

div#xn_bar_menu:before{
    content: ""!important;
    position: absolute!important;
    width: 100%!important;
    height: 35px!important;
    left: 0%!important;
    z-index:9999!important;
    background: url(https://api.ning.com/files/6vIMLmuhUcrLLIL3po0DvpHbBYZ-QctxAE1sy*OqLilWCgFpTnDwYbklBuyggoVNV1mZx1UL1kiqY*gRuxCQoUG1n8w7dlyj/Animation3.gif);
    background-repeat:repeat-x!important;
    top: 25px!important;}




click here to see it live.

 

[Kos]

I must have some code conflicting.  No Santa lights for me. :( My 2.0 or my 3.0  Tried Custom CSS/Advanced area and Custom Code just for kicks and giggles.  I'll try going over my codes to see what could be conflicting.  Thank you George - happy holidays to you kind sir.

[doone]

Thanks, George!  It looks beautiful in Ning 3 but I see nothing in Ning 2.0

[George H. Compton IV]

I'm sorry Kos :), try it again now that I've separated the two codes. Hope it works for you.

[Mary Jane Peterson]

Hi George 

Thank you so much ,, Please have a look at my 3.0, I love the lights , but I am unable to read my tabs at the top

Your a star as always  :)

[George H. Compton IV]

HI Mary :)

All fixed I just needed to lower your tabs slightly :-)

[Mary Jane Peterson]

Hi George 

Thank you  your a star as always :)

[dave]

Loving these lights George, I think there the best i've seen  :) Thank You :)

[George H. Compton IV]

Thank you Dave :)

[George H. Compton IV]

Je ne peux pas voir votre site, il gose à votre signe en

[George H. Compton IV]

Je ne peux pas voir votre site, il gose à votre signe en

[Anam]

This is so sweeet! Thank you, George H. Compton IV! It works a treat. You have started my day by making me smile...still smiling! lol. Nice one...