"Good job! I would suggest a check box to move the ningbar to the bottom of the page when…"
Tip: Comments in a bubble with arrow
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.
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
- Attachments:
-
-
bubble.txt, 2 KB
-
Replies to This Discussion
-
Permalink Reply by The Talent Factory on -
I tried adding the code to my advanced css but nothing happened...is this where I should be putting this code?
Thanks
Barry
-
NC for HirePermalink Reply by SweetPotato on -
That's right Barry. It should work in both the old classic editor and the new design studio.
-
Permalink Reply by The Talent Factory on
-
Sorry SP,
Is this code supposed to work all over the site for comments?
It works on blogs but not my wall.
Perhaps this is the way you made it...?
Either way, Thanks for the tip!
-
NC for HirePermalink Reply by SweetPotato on -
Hi, it should work in your comments wall on your profile page but not latest activity.
-
Permalink Reply by The Talent Factory on
-
Copy That!
Thanks again!
-
Permalink Reply by Skye on -
When you say amend where needed what are you referring to? I don't want to muck it up :]
-
NC for HirePermalink Reply by SweetPotato on -
Things like border color and background. But try it and see how it looks. I've used neutral colors so it won't look disgusting ;-)
-
Permalink Reply by Audry T on -
Could this bubble be applied not just to comments, but directly to blog posts? It would be perfect for blogs to have this look in my community specifically for blogs.
-
Permalink Reply by Chris Herzig on -
Wow, what a great tip! This really looks a lot better!!
-
Permalink Reply by Janettee McCrary on -
Thanks - this is awesome:)
-
Permalink Reply by George H. Compton IV on -
I like your comment bubble but on a three column profile The editor will run into the third column.
to fix that just add this to the top portion of your code
max-width: 451px!important;
just like this :)
/*Comments in bubble with arrow*/
dl.comment{
border:none!important;
max-width: 451px!important;
}
-
NC for HirePermalink Reply by SweetPotato on -
I don't believe i had seen that happen but thanks for the heads up
Latest Activity
Allison Leahy replied to Allison Leahy's discussion 'What is your Ning 3.0 URL?' in the group The Sandbox"Hi Peggy! Sorry for the slow response here. The designers used Eagle for the headlines and Gotham…"
Liliana Parra replied to John Bizley's discussion 'Show Your Ning 3.0 Sites'"Mine is here... Disaster Risk Management (Spanish)
http://gestiondelriesgo.ning.com/"
Allison Leahy replied to Jen's discussion 'Menu on Mobile Device Difficult'"Absolutely! Thanks for bringing it to my attention, and for your patience as always."
Allison Leahy replied to Dw Alternatio's discussion 'Any way to change to a 3.0 network?'"Hey Dw, So glad to hear you're interested in checking out the redesign! Make sure that after…"
NC for HireJen replied to Jen's discussion 'Menu on Mobile Device Difficult'
"Thanks Allison. I have spent hours trying to fix this. That's great news!"
Allison Leahy replied to Jen's discussion 'Menu on Mobile Device Difficult'"Just got the word that the release had no impact the mobile menu and a feature improvement has…"
Allison Leahy replied to Jen's discussion 'Menu on Mobile Device Difficult'"Interesting quirk. Thanks for the note."
Cultivating Community
© 2013 Created by Ning.
