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.
Replies
Thank you Anam, I hope you have a Merry Christmas :-)
Thanks George for the Christmas lights...
You're welcome Paul, Merry Christmas :-)
Hello George , and put on my network that motif thanks , I like this image of members in your network movement has, I would like to do for my network if it can be serious a nice gift , pictures of profile members this movement give a little life to the community , Merry Christmas thanks for all you do, always grateful, thank George
You're welcome Manuel. :-) Here's a copy of my members avatar animation code for anyone to use on a 3.0 network. The code goes in your design studio global CSS section.
IMG.photo {
border: 0px solid rgba(249, 74, 246, 0.43)!important;
border-radius:11px 3px 11px 3px!important;
box-shadow: 0px 0px 6px 6px rgba(222, 34, 186, 0.2)!important;
transition:all 1s ease-in-out!important;}
IMG.photo:hover {
border: 5px solid rgba(000, 000, 000, 0.73)!important;
border-radius:3px 11px 1px 11px!important;
box-shadow: 0px 200px 15px 8px rgba(000, 000, 000, 0.43)!important;
transform: matrix(1.5, 0.5, 0.2, 0.9, 0.0, 20.2)!important;
transition:all 1.0s ease-out!important;
z-index:9999!important;}
.avatar-frame {
background-color: transparent;}
/* END GEOCOM's members avatar animation */
You have a wonderful day Manuel. :-)
This is a gift that just did, also paint a picture like this Jeorge image thanks ...
It's that time of the year, and i'm using this tip again, Thank you for sharing this code George :-) Awesome .
I wish you and your family all the best :-)
You're welcome Dave, you have a Merry Christmas and a happy new year. :-)
Just bumping this post to remind people of this AWESOME tip George gave for REALLY LOVELY Christmas Lights for our sites. I will be putting them up in a few days - don't go mad before December 8th is my rule! - and I can't wait.
People might like to know where the code is, so just pointing out it's here :)
Thanks again George, in advance.
Anam great idea! There are a number of forum posts to display Christmas lights, falling leaves, falling snow, a snowman and more. Just do a few searches........and enjoy! Merry Christmas