JenSocial: Social Web Directory and Ning Tips

Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support

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.

0 members favorited this

Attachments:

ffffff.png, 1 KB

Replies are closed for this discussion.

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