Holidays Just Around The Corner

[Kos]

Yes, it's fast approaching so to to be ahead of the curve, I'm asking if anyone has come up with some NEW holiday ideas for Ning sites in 2012?  Let's get the discussion going........

Ning has a boatload of holiday tweaks tagged "holiday" http://bit.ly/ZEa80j and "Christmas" http://bit.ly/STBUBw so let's add to the list!

fwiw http://iconfinder.com has some tried and true icons to dress things as well. 

[George H. Compton IV]

To get the ball rolling I threw these together really quick :-)

these codes will add holiday lights and such to your module heads.  You can replace the image link with any image you prefer :-)


Snowman

.xg_module_head {
 background-image: url(http://api.ning.com:80/files/YFrakBDHHWoZ4qCj21itd6YbD3UPbyoV5C-i*w60OzMiBBWF2Dul9p2TGB-1HpMDiTKxv4iA6ybtgbb-CerIpA__/msg.gif)!important;
 background-size:100% 100%!important; }

_

_

Christmas lights string

DIV.xg_module_head {
 background-image: url(http://api.ning.com:80/files/H-IjJr6BZMUbP63OjSk8qUhhw2w8ZzlzXwBk*0LgLqxyDXTy3OEU0FwyKE*SowFa6W3icxdI3YMauaWIsJ142fOB9RF47gt-/BlinkingChristmasLights.gif)!important;
 background-size:100% 100%!important; }

_

_

Flashing light bulbs

.xg_module_head {
 background-image: url(http://api.ning.com:80/files/3Zb5*Lyap5D0wTjisPg3bjrA5zhQI6KOc96ONvquk12W6gE-g6JV4v8EhgsTUO6zsLx75kWu06d6MqatBbvKKKuwhXVz4HfQ/Animation1.gif)!important;
 background-size:100% 100%!important; }

_

_

this is basically what it looks like when it's applied

[doone]

Sorry, George I am confused where is this code supposed to go and which module does it affect.  I tried it in the custom code and CSS advanced box and did not see any effect.

[George H. Compton IV]

the way I have it written it should show up on all or at least almost all module heads

if you implemented it in your design studio it should have worked you may have to wait a few minutes for your network catch to catch up. lol If you're adding in your NC custom code box you need to add it with the styles tags.  So add it like this

<style>
.xg_module_head {
 background-image: url(http://api.ning.com:80/files/H-IjJr6BZMUbP63OjSk8qUhhw2w8ZzlzXwBk*0LgLqxyDXTy3OEU0FwyKE*SowFa6W3icxdI3YMauaWIsJ142fOB9RF47gt-/BlinkingChristmasLights.gif)!important;
 background-size:100% 100%!important; }
</style>

_

[Armani Rouse]

Hey, I know that site! ;-) Nice Job George! Im using this tip for something on WK for a later version, maybe 2.7!

[George H. Compton IV]

actually I wrote a code that you are using that is much like this one for the module head icons LOL :-) but for icons we needed to add padding to the code.

[Kos]

The snowmen had me literally LOL.  My daughter bought me a set of those glowing suckers when she was little.  hahaha!  Thanks George :)

[George H. Compton IV]

You're welcome Kos :) you have a great day and a fabulous holiday

[doone]

Thanks, George,  I works great now!   It would be better if the Module names were not behind the lights but I really appreciate your tip and code.

[George H. Compton IV]

That's strange I've never seen it do that before.  Try adding this to the code and see if it does the trick.

.xg_module_head {z-index: 111111 !important;}

.xg_module_head H2 {z-index: 999999 !important;}

[Kos]

This is an oldie but still a goodie; creating a Ning holiday card http://holiday.ning.com/