Current status of the Ning Platform is always available on the Ning Status Blog.

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('https://api.ning.com/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;}

 

Remeber to keep this one  in one line, no break!! Click here to get the background img URL.

background: #fff url('https://storage.ning.com/topology/rest/1.0/file/get/11384472?profile=original') 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. =^_^=

 

 

 

 

Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License
This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License. Permissions beyond the scope of this license, pertaining to the examples of code included within this work are available at iYouMe.net.

 

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Votes: 0
Email me when people reply –

Replies

  • Thanks for sharing this with us. I put it on my page and it's looking good. I just have one little problem. The large bubble shows up, but the two smaller ones on the left don't.
    • Keep this one  in one line, no break!! Click here to get the URL.

      background: #fff url('https://storage.ning.com/topology/rest/1.0/file/get/11512960?profile=original') no-repeat 0 20%;

       

      BTW, my I see your site?

      • Hi,
        I discovered and fixed the problem already. I made a new image to go in that spot using a different color. It looks great now. You can see it on my page if you want.
        http://www.nos-ayudamos.com/

        Thank you so much for your help.
  • great tip thanks for sharing +1
  • NC for Hire

    Very nice tip!

    =)

    • You are free to modify it and collect into your site. Just want to let more people enjoy. That is my wish. :)
      • NC for Hire

        Thanks Alex! Maybe if you have time someday, and want to add it - - I'd be honored. Or, I'll add it in the future if you like, and make sure you get credit for it.

        Best Regards,

        Jen

        • Could I add it by myself? Sorry I don't know that. :P

          OK, I'll do it. Using blog? And you will collect to the NING tips, right?

          This is good. I'm just gonna writing a blog post about how to keep facebook spam away in English and don't know where to post it. Now I know. :)

          • NC for Hire

            Blog would be great for your facebook spam post. And the free ning tips section would be good for your tip. I'll leave the link on your profile page.

            ;-)

This reply was deleted.
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Alex - Rosas † Negras replied to Alex - Rosas † Negras's discussion
I managed to add group video calling, if anyone is interested I will post the codes
"⚡JFarrow⌁  
I'm working on the stories and I don't have time to work on the video call you just…"
Sunday
Alex - Rosas † Negras replied to Alex - Rosas † Negras's discussion
I managed to add group video calling, if anyone is interested I will post the codes
"if you want I'll give you the codes privately and we'll see if the two of us can make it perfect"
Friday
Eva and ⚡JFarrow⌁ are now friends
NC for Hire
Jun 25
⚡JFarrow⌁ replied to Eva's discussion
For three days now, my networks, Ning 2.0 and Ning 3.0, are incorrectly visible
"Ug... thats not right..  ill send you my phone number in messages and we'll talk it over."
Jun 24
Eva replied to Eva's discussion
Help Help Help
" I just started a test network on Ning. I'm having the same problems there too! No photos, in…"
Jun 21
Eva posted a discussion
Jun 21
Eva posted a discussion
For three days now, my two networks, Ning 2.0 and Ning 3.0, have been displayed incorrectly, they…
Jun 21
⚡JFarrow⌁ replied to Alex - Rosas † Negras's discussion
I managed to add group video calling, if anyone is interested I will post the codes
"looks interesting"
Jun 20
⚡JFarrow⌁ updated their profile photo
Jun 16
Kenny Craig updated their profile
Jun 8
Isabella Wilson updated their profile
Jun 5
Eva liked ⚡JFarrow⌁'s discussion What is going on with Ning? What Do We have to Look Forward To?
Jun 2
More…

Meanwhile, you can check our social media channels