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

If you haven't got the new activity feed, you still can have the lovely thinking bubbles here for old activity. Now it's time to get excited with the new activity feed and thinking bubbles together!!!! Yahooooooo!!!

 

Which one do you like?

 

 

With shadows? Or without shadows?

 

And pls ignore the english writing because it's Google's funny translation.

Now put the following CSS code into the advanced CSS field of Design Studio:

 

.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: 1px solid #ccc;
    background-color: #fff;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
 
    -webkit-box-shadow: 3px 3px 10px #FFC9CF;
    -moz-box-shadow: 3px 3px 10px #FFC9CF;
    box-shadow: 3px 3px 10px #FFC9CF;
}

.xg_module_activity .feed-story-status .rich-detail {

    padding: 0 1em 0 0.8em;
    background: #fff url('https://api.ning.com/files/sTKz1f8S0Pfd6ZE5Ayyif7
fOZlrMdrOuaJsGsyRbrVTeQ8CqjaUHirNGjjk0GZ67ZLHIPx*eS
fEoHiBcsHAUA9XLM05pD1mn/bubble.gif') no-repeat 0 30%;
}

 

You may need to change the color or padding, margin. And here is the two little bubbles image you can use. (Right click on it to copy the url path.)

 

Pls remember the background image url should be in one line non-break. You can draw another two little bubbles image with different color too. I think it's not that hard.

 

If you don't want shadows, just remove these three lines:

    -webkit-box-shadow: 3px 3px 10px #FFC9CF;
-moz-box-shadow: 3px 3px 10px #FFC9CF;
box-shadow: 3px 3px 10px #FFC9CF;

 


 

I think my next plan is to have differences crazy status box backgrounds. :)

 

 

 

 

 

 

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

  • looks really cool, alex! thanks for posting one for the new activity feed so quickly....i'm going to make a completely different "bubble" image that better fits my network
    • pls show me after you finished. :)
  • This reply was deleted.
    • I'm glad you like this. ≧^◡^≦

  • NC for Hire

    Alex,

    I like both bubbles, and think I'm with Eric, kinda leaning more towards the no shadow on this one.

    Great job!

    Jen

    • Actually I found Chrome have problem in rendering shadows sometime. But not big deal.
  • Works like a champ! What would be cool is when a piece of content gets featured it also shows up with a "FEATURED" highlight of some sort.
  • Hey como hago no me sale copio el codigo pero no mesale y como hago para verlo en la red de prueba que estube probando ahi y no me salio nada :-( quiero ayuda gracias
  • Will this not work until next week or should it work now? It's super cool, if I can get it to work!
  • This reply was deleted.
  • Hi there. Can you please update your code so I can use it :) 

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

LEO Mobile App Builder updated their profile
Tuesday
Aase Lillian replied to Aase Lillian's discussion
Community - activity page
"Ok, thank you. Please send me details as I have no idea on how to do it. "
Mar 19
Aase Lillian and ⚡JFarrow⌁ are now friends
NC for Hire
Mar 19
⚡JFarrow⌁ updated their profile photo
Mar 18
⚡JFarrow⌁ replied to Aase Lillian's discussion
Community - activity page
"Yes you can add emojis to your community pretty much anywhere you like.
If you need some help…"
Mar 18
Aase Lillian updated their profile
Mar 18
Aase Lillian posted a discussion
Hi all. Is it possible to add emojis to the community? I also wish the activity page to include…
Mar 18
Donna MacShoe updated their profile photo
Mar 6
Adul Rodri is now friends with ANGE.L LUAR and Margarida Maria Madruga
Feb 14
Shweta Sharma updated their profile
Jan 26
catherine martin updated their profile
Jan 16
Donna MacShoe updated their profile photo
Jan 15
More…

Meanwhile, you can check our social media channels