Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support
NING released the new activity feed. Check here for updated version of the bubbles.
It's very interesting to change the status background in the latest activity. Especially in the main page. I changed it to thinking bubbles. :)
You can see the real result here.
To do this, you need a small image
and CSS3 supported browser.
The CSS is:
.xg_module_activity .status{
color: #666;
border: 1px solid #ccc;
background-color: #fff;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
padding-left:25px;
margin-left:25px;
}
.xg_module_activity .feed-story .status-bg {
-ms-filter:none;
opacity:100;
display: block;
width:25px;
background: #fff url('http://api.ning.com:80/files/sTKz1f8S0Pfd6ZE5Ayyif7fOZlr
MdrOuaJsGsyRbrVTeQ8CqjaUHirNGjjk0GZ67ZLHIPx*eSfEoHiBcsHAUA9XLM
05pD1mn/bubble.gif') no-repeat 0 20%;
}
.xg_module_activity .feed-story-status .current {
padding-right: 30px;
}
.xg_module_activity .status-bg {display:none;}
.xg_module_activity .left_arrow {display:none;}
Remember to keep this one in one line, no break!! Click here to get the background img URL.
background: #fff url('http://api.ning.com:80/files/sTKz1f8S0Pfd6ZE5Ayyif7fOZlrMdrOuaJsGsyRbrVTeQ8CqjaUHirNGjjk0GZ67ZLHIPx*eSfEoHiBcsHAUA9XLM05pD1mn/bubble.gif') no-repeat 0 20%;
As for the Lady GaGa staff in the image. She's gonna have a FREE concert in Taiwan next month. WOW!
And the Facebook is to teach you how to keep the spam away from your wall. That's will be my next tips.
More on, if you need shadows, add these:
-webkit-box-shadow: 3px 3px 10px #eda4a4;
-moz-box-shadow: 3px 3px 10px #eda4a4;
box-shadow: 3px 3px 10px #eda4a4;
into the first block. that is .xg_module_activity .status{ .... }
The result looks like:
Isn't it lovely?
By the way, I almost forget to say, there is a CSS3 Generator.
Hope you can enjoy it. =^_^=

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported.... Permissions beyond the scope of this license, pertaining to the examples of code included within this work are available at iYouMe.net.
Tags: css, deadly, iyoume, lovely, main page, ning, status box, thinking bubbles, tips

Permalink Reply by Tips by Alex/JenSocial on September 7, 2011 at 4:19am
Permalink Reply by Shannon Klipstein on November 27, 2011 at 2:59pm Thank you for the tip! Looks fabulous on my site! I did need to use this one you posted here also... the first one didn't work for me either.



Started by JenSocial. Last reply by English WorldWide Apr 18. 35 Replies 0 Favorites
Started by JenSocial. Last reply by Mandy P. Mar 6. 13 Replies 0 Favorites
Started by Fire-Tech. Last reply by Fire-Tech Feb 18. 14 Replies 3 Favorites
© 2013 Created by JenSocial.
Powered by
© Copyright JenSocial.
