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

 

[George H. Compton IV]

Hello Kos, Mary Christmas and happy new year!!!  :-)

It should work in your design studio CSS section. I know it's working virtually for me. See image below.

Try using the code like this in the NC custom code box. Like I said it should work in your design studio.

<style>
BODY div#xn_bar_menu:before{
    content: ""!important;
    position: absolute!important;
    width: 100%!important;
    height: 35px!important;
    top: 25px!important;
    left: 0%!important;
    z-index:9999!important;
    background: url(https://storage.ning.com/topology/rest/1.0/file/get/964749975?profil...);
    background-repeat:repeat-x!important;
    top: 25px!important;}
</style>

[Kos]

ok that code worked.  I was fiddling with Firebug but life's been (shall we say) complicated lately and I just gave up. 

Thank you for taking the time - it is truly appreciated.  Have a wonderful Merry Christmas and Happy New Year.

[Kos]

Now it doesn't work again.  Grrrrr

[Anam]

Yes. I would love to usethese again but the code does not work. They are perfect.

[Alex - Rosas † Negras]

My 3.0

[Anam]

Im jealous. You put code in design Css? Ning 3?

[Alex - Rosas † Negras]

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://st3.ning.com/topology/rest/1.0/file/get/964749975?profile=o...);
top: 30px!important; }

[Alex - Rosas † Negras]

Anam yes Custom css - Global css

[Anam]

Thank you. I will try tomorrow on my laptop. All the best.

[Alex - Rosas † Negras]

you are welcome ... blessings for you