Add cool effects to your blog posts' images

Just place this code into your Ning appearance (old and new editor supported). it will make your blog posts images look like this:

 

/*--Blog images effect--*/
.xg_widget_profiles_blog_show .postbody img{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CECECE;
    padding: 4px !important;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

.xg_widget_profiles_blog_list .postbody img{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CECECE;
    padding: 4px !important;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

.xg_widget_profiles_profile_show .blogpost .postbody img{
    background: none repeat scroll 0 0 #FFFFFF!important;
    border: 1px solid #CECECE!important;
    padding: 4px !important;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2)!important;
}

 

Credit Sorachii.

 

Thanks for reading.

Views: 440

Replies to This Discussion

Permalink Reply by JenSocial on June 1, 2011 at 11:59pm
Thanks Elson! You may want to make the image smaller so folks understand the effect is on the image itself. It threw me at first. Great tip! Thanks to you and Sora!
Permalink Reply by Guled Breakrecordings Alister on July 16, 2011 at 4:14pm

Hi there peeps! first off i'd like to say great tip!

but it seems to be not working for me?

i've doubled checked the code for any errors, but no joy, am i missing something?

 

Thank u...

 

My Blog

Permalink Reply by Shannon Klipstein on November 27, 2011 at 6:30pm

Excellent, THANK YOU! 

RSS

© 2013   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips