Replies to This Discussion

Permalink Reply by Ahmad on December 5, 2011 at 10:49pm

nic

Permalink Reply by JenSocial on December 6, 2011 at 2:51pm

Not sure what you want to "put here"?
If you mean you want to change the background color, see this code in tip:

/* Chat TitleBar Background/Title Color */
.xg_chat .xg_titleBar {background-color:#003366!important;color:#E9F8FE;}

Best,
Jen

P.S. Do you mean you want the arrows? If yes, not ready for that level of customization. However, and ironically - - I was working on a blinking gif when you wrote.

Permalink Reply by Ahmad on December 6, 2011 at 2:54pm

Unfortunately, the translation
I want to put a pic

Permalink Reply by JenSocial on December 6, 2011 at 3:02pm

ahhh, okay. It will only be displayed within the confines of the title bar. Instead of the code I provided, try this:

/* Chat TitleBar Background/Title Color */
.xg_chat .xg_titleBar {background:URL("yourimage") scroll 0 0 no-repeat;}

Permalink Reply by Ahmad on December 6, 2011 at 3:05pm

Thank you ^ _ ^

Permalink Reply by JenSocial on December 6, 2011 at 3:08pm

You are very welcome.

=)

Permalink Reply by Brian Fløe on December 6, 2011 at 3:45pm

I turned the Chat beta on a few days ago and immediately styled it like you can see below.

The new chat is mind blowing. To think that it's the same company that brought us the last 3 chat module nightmares is hard to understand.

I suggested Ning look at the facebook chat, but my members are telling me it's BETTER than the facebook chat.

I'm still just mind blown about this. Is this real? Am I dreaming? It's fast, reliable with only a few instances of "dying" on me but it's still in Beta. We can style it, private messages pop up so people actually KNOW that you are messaging them (what a concept).

Ning - thank you thank you thank you.

My site: www.MyAppleSpace.com

Permalink Reply by JenSocial on December 6, 2011 at 3:49pm

Looks great Brian!

Permalink Reply by Ahmad on December 6, 2011 at 5:17pm

That's amazing
Possible to put our code CSS

Permalink Reply by Brian Fløe on December 7, 2011 at 7:10am

Thanks Jen. I wanted to cut away the clutter and bring the people and the actual conversation into focus. I believe the website should get out of the way, and so should the chat. It's the conversation.

Here's the code:
<div>

/*NEW LIVE CHAT SUNDAY MAS */
.xg_chat.chatFooter .xg_chatWindow {
position: absolute;
bottom: 0;
background: rgba(255, 255, 255, 0.95)!important;
color: #333;
height: 274px;
width: 100%;
border: 1px solid #B7B7B7;
z-index: 999;
padding: 20px 0px 0px 20px;
margin: 0px 20px 0px -20px!important;
border-radius: 15px 15px 0px 0px;
}
#xn_bar, .xg_theme-ningbar-bc {
background-color: white;
}
/*main room title text color*/
#xn_bar a, .xg_theme-ningbar-c {
color: #333;
}
/*move "online now" box to the left*/
.xg_chatWindow {
margin-right:-20px;
}
/*space between chat boxes*/
.xg_chat.chatFooter .xg_verticalPane {
margin-left:20px!important;
}

</div> 

Permalink Reply by JenSocial on December 7, 2011 at 11:19am

Well, in regards to your comment: "... I wanted to cut away the clutter and bring the people and the actual conversation into focus." You sure accomplished that Brian, really looks great.

And to share your code? Very generous, and I'm sure a lot of people will appreciate this. I just looked again, it's really lovely. If you don't mind me adding your code to the tip, I'd love to. BTW, not sure why but you have a DIV wrapping the code.

Thank you Brian!

Jen

Permalink Reply by Brian Fløe on December 8, 2011 at 4:13pm

Hi Jen

Go right ahead and add it to your tip.

I thought I had to write the code inside a <div> if it was going to show up in the forum?

The design philosophy of course has roots in all things Apple, obviously. But I have really learned it myself over time, cause in the beginning when I did MyAppleSpace (MAS) it was very cluttered and very very different. I learned over time from doing graphics over and over that just because you CAN, it doesn't mean you SHOULD.

Make the website "transparent" and the content will get the focus. If the content get's the focus, we can guess who's motivated to add more ...content.

• ‹ Previous
• 1
• 2
• 3
• Next ›
• Page