Add some flavor to your Status posts.

Check it out here.

 

www.roleplayisours.ning.com

 

Put the code below in your advanced css.. Download the picture in the attached file and upload it to your own site. Replace the url below, with the uploaded picture.

 

 

.status-update:before{content: ' te ';font-size: 1px !important;background: url(yoursitesurl.ning.com) no-repeat !important;color:#fff;left: -18px;padding-bottom: 25px;padding-left: 5px;padding-right: 11px;padding-top: 10px;position: absolute !important;top: -1px;}

 

.xg_module_activity .feed-story-status .feed-quote {    display: none;} .xg_module_activity .feed-story-status .feed-endquote {    display: none;} .xg_module_activity .feed-story-status .status-update {    padding-left: 0;    padding: 1em 2em;    margin: 0 0 5px 15px;    vertical-align: middle;    color: #666;    border: 2px solid #8db6d4;    background-color: #fff;    border-radius: 50px;    -moz-border-radius: 8px;    -webkit-border-radius: 8px;     -webkit-box-shadow: 5px 5px 10px #c2c2c2;    -moz-box-shadow: 5px 5px 10px #c2c2c2;    box-shadow: 3px 3px 10px #999;}

 

 

I hope you all enjoy this. 

 

 

Views: 608

Attachments:

Replies to This Discussion

Permalink Reply by Mind's Eye on October 11, 2011 at 10:40pm
Hi roleplay, thanks for that tip.  You site looks great.  I have 2 questions.  How do you gap each module and how do you do the mouseover color change on each.  ralphy
Permalink Reply by JenSocial on October 12, 2011 at 1:20am

Hi Ralphy,

On the hover color, seems mine is conflicting with roleplayisours. I prefer the hover on each feed. Maybe this will help get you going:

.xg_widget_main .feed-story:hover {background:url("http://static.ning.com/socialnetworkmain/widgets/index/gfx/table/bg_alt.png") repeat scroll 0 0!important;}

If not, let me know. If you don't want the image which is a subtle background like on the leaderboard module, replace with a background-color.

Best,

Jen

 

Permalink Reply by Mind's Eye on October 12, 2011 at 9:00am

Thank Jen

 

Best to you dear

Permalink Reply by Baqur Mehdi on June 1, 2012 at 11:07pm

Where to add this code? css or custom?

Permalink Reply by Fire-Tech on June 1, 2012 at 11:15pm

CSS

Permalink Reply by JenSocial on October 12, 2011 at 1:14am

Thanks for the awesome tweaks and tip!

=)

 

Permalink Reply by Roleplaysocial.me on October 12, 2011 at 12:36pm
How is it conflicting, Jen? I'm just curious as to what you mean. As for the spacing between modules, I will get back to you on that, Ralfy.
Permalink Reply by JenSocial on October 12, 2011 at 1:16pm

Hey Role Play,

No worries, nothing you've done. I just meant the code I use is being overwritten with your code (via FireBug). And if Ralphy uses yours, I didn't want to mess him up.

=)

Hope that makes sense,

Jen

Permalink Reply by Roleplaysocial.me on October 12, 2011 at 1:33pm
I believe I got the code from you.
Permalink Reply by JenSocial on October 12, 2011 at 2:07pm

Again, no worries. I just didn't want to trip up Ralphy.

=)

Permalink Reply by Roleplaysocial.me on October 12, 2011 at 3:54pm
That's fine. :3
Permalink Reply by JenSocial on October 12, 2011 at 4:07pm
What's fine? LOL

RSS

© 2013   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips