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: 2503

Attachments:

Reply to This

Replies to This Discussion

Thanks ;)

I love this idea, but I can't figure out how to do a critical customization for it. I have a site for which blogs and forums post on a black background and the text is white. But when I applied your CSS to create the bubbles, the comment bubbles became white, but the font also stayed white. Now, I want the comment bubbles to be white, but I need to override the default text color (white) so that the text shows up black -- but only inside comments. For example:

[Blog Post Has Black Background and White Text]

[comments have white balloon background and black text]

Can anyone help with this?

Give me your inner color code, I can change it for you

Hi Audry,

Just add the color: #000000; line to the section of css as per below.

The background line controls the background color of the comment bubble and by adding the color: ...; line you can control the text color.

Bruce

#comments dl.comment dd, #discussionReplies .discussion dd div.description, .xg_module_comment_wall dl.comment dd{
    color: #000000;
    background: #f9f9f9;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-right: 35px !important;
    padding: 2px 5px 27px 10px;
margin-left:20px!important;
}

If your inner color is pure black, do what Bruce said and also save the following .png file, load it in your file manager, copy its link and paste it in sweet potato's text instead of cornenright.png URL as in the image below

This is the new corner right image

This was a quick and easy fix. Thanks to everyone who made a suggestion!

Very nice! I've implemented on our site.

Thanks SweetPotato

I needed also to add a little css code to make it work even in blog comments. See my previous reply ;-)
Eh?
dl.discussion{
border:none!important;
}

Sorry, for forum comments ;-)
Ah, gotya. :-)
No worries, just came to this now so sorry for not getting to the color code.

RSS

What's Up With Ning 3.0?

Click here to share your thoughts on what features we should develop next!

Projects that the Ning 3.0 Team is currently working on: 

Articles - a new way of organizing longer content pieces.

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.

APIsThe ability to create new members and content programatically.

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

Latest Activity

Dunamis replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"Here is the code <!-- Insert Ads INSIDE Blog Posts by SweetPotato --><div…"
14 minutes ago
soaringeagle replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"add page  articles not add content articles are a top level feature then u can add content…"
26 minutes ago
soaringeagle replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"you wont need the unlinked pages at all instead make them articles youd just copy/paste the html…"
32 minutes ago
soaringeagle replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"yes and yea i believe so"
36 minutes ago
soaringeagle replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"message me the code your using again and i should be able to adapt it to articles "
37 minutes ago
Enrrico Torres replied to Enrrico Torres's discussion 'Want to remove powered by from footer'
"tried language editor but it wont :("
53 minutes ago
Jeffrey Haskins replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"Phil, How do you add articles to groups, I am not seeing it under the add content within the group…"
53 minutes ago
Writer Chick {Diane} replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"I really am not visualizing how this can help me.  The only content I can pull into an article…"
1 hour ago

© 2014   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service