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

Forum

NC for Hire

Suggested by dreadlockssite, I played around with the look of Ning's new Chat Box via the Creators.ning.com site. I haven't installed the new Chat on my site for various reasons. I will soon. So, I have not tested this CSS on a live site yet. Anyone who tries out the CSS, we'd love to hear how it goes!

Instructions:

  1. Adjust the styles below to suit your preference. All of the styles are documented.
  2. Add to Advanced CSS via: My Network/Settings/Appearance/Advanced CSS

 

Classic Look:

/* Chat TitleBar Background/Title Color */
.xg_chat .xg_titleBar {background-color:#003366!important;color:#E9F8FE;}
.xg_chatWindow {
/* Main Chat Background/Border Color */
background: none repeat scroll 0 0 #ffffff!important;
border: 1px solid #B7B7B7;
/* Chat Messages/Comments and Member Names Color */
color: #003366!important;
}
/* Add Shadow/border to images - member icons */
.xg_chatWindow img {
border: solid 1px #CCC;
-moz-box-shadow: 1px 1px 3px #999;
-webkit-box-shadow: 1px 1px 3px #999;
box-shadow: 1px 1px 3px #999;
}
/* Hover Sender Messages */
.xg_chatWindow li.message:hover {background-color:#E9F8FE;}
/* Hover Members Online */
.xg_chatWindow ul.xg_userList li.userEntry:hover {background-color:#E9F8FE;}

 


With Background Image:

If you use a background image, be sure to change all of your styles above so all text is easy to read for your Site Visitors. As you can see in my example screenshot, mine needs work:

/* Alternate Chat Window Background Image, instead of color above */
.xg_chatWindow {color:#ffffff!important;
background: url("http://api.ning.com:80/files/DqaYw0w2aP8I-at5elw0u58bVAUo7p*tmXX*3wNMVhapoJLcY8c71vVH0BktyMaUDyz2CItNx09zCXeMIbzNLM-Xuyxg--UO/1059728315.jpeg") no-repeat scroll 0 0 transparent!important;
}

 

Have fun!
Jen

You'll find a ton of Ning tips like this on JenSocial!

You need to be a member of Ning Creators Network to add comments!

Join Ning Creators Network

Email me when people reply –

Replies

  • Is there a particular size the image needs to be?   (Awesome tips, btw. I'm going to try this out on my test network!)

    • NC for Hire

      Hi Diane,

      You can make it larger than needed, but I wouldn't go too large for load time. What I did? I measured the box with my browser ruler, didn't even try to see width/height in the CSS. Then I sized the beach/water image to be around 75 pixels more in both directions.

      Best,

      Jen

      • Thanks Jen! You are superfab!

  • Put it on my site (farm-dreams.com), looks great, works great...thanks!

    • NC for Hire

      Hey Bon and Kris, Thanks. Yeah, I have to say, I even notice the chat slowing down page load here on Creators. I'm waiting a while longer.

    • NC for Hire

      Such a great member/avatar name. ;-)

  • Any way to change the color of the chat bar before it is clicked on?  The silver just does not stand out enough for people to find the chat.....

    • We're working on updating that color to match the color of the title bar when the panel is open.

    • NC for Hire

      For now Maxx, give this a try. First you need to remove the background image, then set the bg color:

      .xg_chat.chatFooter .xg_chatBar.xg_bottomBar a.xg_info {

      background-image:none!important;color:#ffffff;background-color:#cc0000!important;

      }

  • Thanks! I actually just used this to change the colors for the time being... 

This reply was deleted.

Search the Creators Network

Latest Activity

Eric Sewerz replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"I tried to respond to you a week ago, but the post failed. (Of course.) Just wanted to say I always…"
26 minutes ago
LadyHawk replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"It got worse! The background is gone and every page is scrambled now. Can't believe I just paid for…"
30 minutes ago
LadyHawk replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"My site was o.k. for a few hours and then it got worse... just a white screen and everything is a m…"
33 minutes ago
Anam replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"The sites, including my own, are all working nicely again. Thank you to those who worked on whateve…"
1 hour ago
Emin Schmidt replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"We must look for alternatives, there is no other way. Ning is arrogant, no support with email, no s…"
6 hours ago
Emin Schmidt replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Ning destroys my business! I lost all my advertiser beause my networks are too many times down!
Nin…"
6 hours ago
Chazz replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"I pray that Spruz continues working much better for you. I believe that is where you moved to, Righ…"
6 hours ago
Emin Schmidt replied to shironala's discussion My site is dowen again!!!! Help SOS
"I try to call ning billing team many times and lost over 80 Euro today with hearing music. Just wai…"
6 hours ago
Emin Schmidt replied to shironala's discussion My site is dowen again!!!! Help SOS
"I payed ning some thousends of Euros in the last 6 years with my 3 networks at ning and now becaus…"
6 hours ago
Emin Schmidt replied to shironala's discussion My site is dowen again!!!! Help SOS
"Site is not working, Ning wants more money form me, for what? People start to write articels here i…"
6 hours ago
Emin Schmidt replied to shironala's discussion My site is dowen again!!!! Help SOS

Angry customer who will leave ning because you take my money, I loose my adveritsers,
 
realy ni…"
6 hours ago
Kim replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Thank you Janice :)"
7 hours ago
Suki Winthrop replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Yep Kim-  read the last 10 pages or so of the 'Alternatives' thread that Janice just linked to abov…"
7 hours ago
Janice D Carter replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"alternatives to NING"
7 hours ago
Janice D Carter replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"looks like communication has simply stopped again"
7 hours ago
Kim replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Would love to know some alternatives to Ning thats comparable to Ning minus the outrageous prices,…"
7 hours ago
Alexander Wilon replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"where did you go?"
7 hours ago
Alexander Wilon replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"There is nothing exciting about an overpriced service.  There is no way that many creators (especia…"
7 hours ago
Donna Mac replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"I called and spoke to a NING billing person.  I told them American Express was my mediator and the…"
7 hours ago
Jelena replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Lol Eric this reminds me of UCLA hospital where the students practicing with sick people and some d…"
7 hours ago
More…