A while back Fred asked Does anyone know how to change the ACTIVITY FEED Layout ?which was asking how to put activity feed items into a 'bubble'.

Between Peter Sorenson(thanks to you, sir) and I, we came up with a solution.

Using the best of both our code I've today added this to blog, video, wall, event and photo comments/replies (see blog, see video, see wallexamples).

One thing I've not tested thoroughly is what this does in forum replies because i don't use the forum extensively - the bolded code is what i think will work with forums but you might need to remove/amend.

click to preview

Simply put the attached bubble.txt code in your css box and amend where needed:

Let me know how you get on. I've also added this to my first theme in the Themes Group.

SP

 

Tags: Reply Bubbles

Views: 2504

Attachments:

Reply to This

Replies to This Discussion

Nice tip SweetPotato! I posted a number of test comments and replies in the discussion area and it seems to be working well. The only thing that appears to be not working is the little arrow between the bubble and the avatar is not showing up in any of the areas on my network (articles, comment wall, discussion, etc.). 

I wonder if the URL of the image is broken in the thread above

http://api.ning.com:80/files/HFqCj2J1p5dDEhLE1YWO29om9ILqESN44Bg6dD...*ZHP9Un645KjUnEM37g4p/cornerright.png

Yes, I got it to work now. After clicking on the blue highlighted link above you must add *ZHP9Un645KjUnEM37g4p/cornerright.png   to the end of the url and hit refresh. 

Didn't notice that when I posted it, stupid API URL! I'll add a txt file tomorrow - on iPad now
It's done the same again LOL
"http://api.ning.com:80/files/HFqCj2J1p5dDEhLE1YWO29om9ILqESN44Bg6dDJhiEBtjx0W8xnvsGoGR9axcIS534jHneio1v8*ZHP9Un645KjUnEM37g4p/cornerright.png"

Here is what a comment reply looks like with the dotted lines within the bubble: http://www.standingstonenews.com/forum/topics/standing-stone-news-j...

Don't think I have the dotted reply on my site. Looks ok, , though, no?
/***DOTTED REPLY QUOTE STYLE**/ 
blockquote { 
padding: 10px;
border: 1px dashed #303030;
  border-radius: 10px;
  } 
cite { 
font-style: italic;
 } 
/***END QUOTE STYLE**/

Thanks Michael

Very elegant in my site, nice tip!

you're welcome Riccardo, glad you like it

RSS

What's Up With Ning 3.0?

Click here to share your thoughts on what features we should develop next! - Survey will close Friday, 4/25

Projects that the Ning 3.0 Team is currently working on: 

Articles - a new way of organizing longer content pieces. Released 4/16.

Activity Feed Updates - options for more content in the activity feed.

Forum Notifications - ability for members to opt into receiving notifications of new discussions in forums. Released 4/9. 

APIs - The ability to create new members and content programatically.

For more information on what's next, visit the Product Roadmap

Latest Activity

Asil replied to marshall blake's discussion 'What is a social site without chat?'
"We must have chat.  We won't migrate until chat is functional.  Before our network…"
15 minutes ago
James Ru replied to Monica Diaz's discussion 'MIGRATING TO NING 3.0 STATUS [UPDATE #2]'
"an email, yet to be answered to king of ning ohnm@glam.com Apr 18 at 2:02 AM As a member of your…"
1 hour ago
George H. Compton IV replied to Alexander's discussion 'Goodbye for now.'
"Sorry to see you go and I hope you come back Alexander. :) You have a good one."
3 hours ago
George H. Compton IV replied to George H. Compton IV's discussion '( tip N3 ) the importance of CSS @media Queries - And how to use them.'
"Hi Randy.. This will fix all those issues, and yes I used @media queries to solve the issues. lol…"
4 hours ago
John Bizley replied to John Bizley's discussion 'How To Add A Link In The Footer Back To The Creators Page Before The Ning Items'
"The first part goes into sites and pages > custom code > end of page code and the css part…"
4 hours ago

NC for Hire
A discussion started by Bernard Lama was featured

What are the web design trends for 2014?

HI all NCs,Definitely more responsive websites, which is great but I think responsive is certainly…See More
4 hours ago
Strumelia replied to John Bizley's discussion 'How To Add A Link In The Footer Back To The Creators Page Before The Ning Items'
"John, this is wonderful news.  I so much appreciate it.    :) I have never ever…"
5 hours ago
soaringeagle replied to Monica Diaz's discussion 'MIGRATING TO NING 3.0 STATUS [UPDATE #2]'
"why are u blocked from your own sites admin? you know you can always reach ning by phone thats the…"
5 hours ago

© 2014   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service