How to change Ning's default 'Online' icon on the Members List page:

Add your icon image url in the code below, copy the complete code and add it to your network 'Advanced' box.  Don't forget to adjust the 'width' and 'height' to match your icon image width and height.

/**Online Icon**/
div.member_item .online {
background: url(YOUR ICON IMAGE URL GOES HERE) !important;
width: 24px !important;
height: 24px !important;
}

Tags: change, icon, image, list, members, online

Views: 178

Reply to This

Replies to This Discussion

thanks..maybe change your posting from how to..to maybe"would you like..nice tip

Just wondering; does this change your live "chat" icon too?

Good one but working on Members List page only.......still cool tip. Thanks ...

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…"
14 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