chat - FORUM - Ning Creators Social Network2024-03-28T15:18:21Zhttps://creators.ning.com/forum/topics/feed/tag/chatAdding A Background Image to Chatshttps://creators.ning.com/forum/topics/adding-a-background-image-to-chats2020-12-09T22:22:17.000Z2020-12-09T22:22:17.000ZBizzhttps://creators.ning.com/members/Bizz208<div><p>This was asked from <a href="https://creators.ning.com/members/JAIMEDIAZSALAZAR">JAIME DIAZ SALAZAR</a> who wanted to know if a background image could be added to the chat windows like this</p><p><a href="{{#staticFileLink}}8267517472,RESIZE_710x{{/staticFileLink}}"><img class="align-full" src="{{#staticFileLink}}8267517472,RESIZE_710x{{/staticFileLink}}" alt="8267517472?profile=RESIZE_710x" width="707" /></a><a href="{{#staticFileLink}}8267520657,original{{/staticFileLink}}"><img class="align-full" src="{{#staticFileLink}}8267520657,RESIZE_710x{{/staticFileLink}}" alt="8267520657?profile=RESIZE_710x" width="710" /></a>So here is how you can do it</p><p>First you need the images you want to use then add it to your file manager in your Social Site Builder</p><p>Next you will need to copy the link to the image ready to be added to css code</p><p><a href="{{#staticFileLink}}8267530500,RESIZE_930x{{/staticFileLink}}"><img class="align-full" src="{{#staticFileLink}}8267530500,RESIZE_710x{{/staticFileLink}}" alt="8267530500?profile=RESIZE_710x" width="710" /></a>That line you will need to add in the css where it says insert image link</p><p>So here is the css which you will need to add to your design studio custom css</p><p> </p><p>.xg_chat.chatFooter .xg_chatWindow ul.xg_messageList, .xg_chatWindow ul.xg_messageList, .xg_chat.chatModule .xg_chatWindow {<br /> background-image: url(" insert image link here ")!important;<br /> background-position: top center;<br /> background-size: initial;<br /> background-repeat: repeat;<br /> }<br /> .xg_chat.chatModule .xg_userWindow, .xg_chat.chatModule .xg_chatWindow .xg_messageListFooter{<br /> background-image:none!important; background-color:white!important<br /> }<br /> .icon-closeChat::before{<br /> color: darkred!important<br /> }<br /> .xg_chat .xg_messageList > li .cht-state {<br /> color: darkred!important<br /> }</p><p>/** NEW LINE FOR THE SENDER WHO SENT IT TEST COLOUR CHANGE THE COLOUR TO WHAT YOU NEED FOR IT TO STAND OUT AGAINST YOUR BACKGROUND **/</p><p>.xg_chat .xg_messageList > li > ._sender { color: #1c0303 }</p><p> </p></div>Clearing Chathttps://creators.ning.com/forum/topics/clearing-chat2020-11-07T15:01:06.000Z2020-11-07T15:01:06.000ZCindy Dean Mccoyhttps://creators.ning.com/members/CindyDeanMccoy<div><p>Is there a way to clear live chat like we could with Ning2?</p></div>Chat helphttps://creators.ning.com/forum/topics/chat-help2018-06-19T17:50:04.000Z2018-06-19T17:50:04.000ZFabricio Giugnihttps://creators.ning.com/members/FabricioGiugni<div><p>Hi there,</p><p> </p><p>I managed to put more than 40 people online to test the chat. I can guarantee that several were logged in, none of them were calling. Even explaining to them by whatsapp.</p><p>I did a local test. I connected in two different accounts in different browsers. I called the chat and nothing happened in the other. No sound, no warning. Nothing that showed any message has coming. Even though I have several people visiting the site, I can not call anyone in the chat. I already had more than 40 thousand acess on the site.</p><p>I see through google analyitics several people conect. How can we make the box open for members to see we're calling?<br/> Other wise the chat will be empty.</p><p> </p><p><a href="https://storage.ning.com/topology/rest/1.0/file/get/35616722?profile=original" target="_blank" rel="noopener"><img class="align-full" src="https://storage.ning.com/topology/rest/1.0/file/get/35616722?profile=RESIZE_710x" width="710"/></a></p><p> </p><p><a href="https://storage.ning.com/topology/rest/1.0/file/get/35616811?profile=original" target="_blank" rel="noopener"><img class="align-full" src="https://storage.ning.com/topology/rest/1.0/file/get/35616811?profile=original" width="544"/></a></p></div>How to add Chat roons?https://creators.ning.com/forum/topics/how-to-add-chat-roons2018-06-07T14:43:18.000Z2018-06-07T14:43:18.000ZFabricio Giugnihttps://creators.ning.com/members/FabricioGiugni<div><p>Hi there,</p><p> </p><p>How to add Chat roons?<br/><br/><br/></p></div>RUMBLETALK - CHAT INTEGRATIONhttps://creators.ning.com/forum/topics/rumbletalk-chat-integration2018-05-27T00:00:55.000Z2018-05-27T00:00:55.000ZFabrizio Lavadohttps://creators.ning.com/members/FabrizioLavado<div><p>Hello.</p><p>Our Ning chat, even though is very good chat system, misses some small things that probably makes it less noticeable, like the option to use it with guest visitors, the size of the window, etc.</p><p>I would like to try with <a href="https://www.rumbletalk.com/" target="_blank" rel="noopener">RUMBLETALK</a> chat, and they give an <a href="https://dev.rumbletalk.com/rest/" target="_blank" rel="noopener">API</a> for integration with our database. Is it possible to have it integrated with our users database? Thanks!</p></div>Weird Chat Issuehttps://creators.ning.com/forum/topics/weird-chat-issue2018-03-26T08:17:26.000Z2018-03-26T08:17:26.000ZElshara Silverhearthttps://creators.ning.com/members/ElsharaSilverheart398<div><p>So a member and I were talking in chat on my site today. And one of the things that happened was, I randomly got disconnected from the chat. We both did. I used a test account to see if the issue would resolve itself and lowe and behold, it didn't.</p><p>My test account receives all messages in chat. My main account says message not sent, even though it was sent. the main account cannot receive new messages in chat as they appear, the page has to be always refreshed. I tried signing in and out again, even disabling chat and clearing the conversation, but guess what. If you leave the main chat, you are locked out permanently so I can't try that.</p><p>also I'm noticing that random fluctuations of the site pages layout keeps happening as well.</p></div>Chat doesnt work any morehttps://creators.ning.com/forum/topics/chat-doesnt-work-any-more2017-10-07T21:55:50.000Z2017-10-07T21:55:50.000Zplanethttps://creators.ning.com/members/planet<div><p>Im using 3.0 chat, it never worked from the beginnig. Kind but usseful answers from the costume attention. Never seen the private chat options.Yesterdays a member deleted the last conversation and now nodoby can use the chat.Also in last days, we had the oportunity to discover that in the chat members recovered the original names (we ask them to not use the real names on the site) but the chat where showing the real names and not the nicks!!Im feeling very tired.I took my time to come back and disturb mu contacts to join the new ning, after 7 years off.Now I feel like sad and worried.Why can the leave us to use 2.0 until the finnish fixing loads tons of mistakes?!I really think it was a bad idea. Could any one recomend another place to migrate?** 3 weeks waiting for solution its too much.** Videos doenst play,** Its no possible to add a post forum from main page.** Facebook app doesnt work** People get the comunications hours late** and some time the caracters of the text publisher dissapear and doesnt let me see whats in the boxes.I want to read another thing than a kind apologize.</p>
</div>Chat feature Ning 2.0https://creators.ning.com/forum/topics/chat-feature-ning-2-02017-09-28T23:06:47.000Z2017-09-28T23:06:47.000ZDavid Deubelbeisshttps://creators.ning.com/members/DavidDeubelbeiss<div><p>I recently made some changes to my community and would like to have the chat feature.  I went to Features and the chat module isn't available.</p>
<p>Am I missing something here?  Is it taken away?  Why can't we add the chat module anymore? curious. <a href="http://eflclassroom.ning.com">http://eflclassroom.ning.com</a></p>
<p>David </p>
</div>New Chat Ning 3.0https://creators.ning.com/forum/topics/new-chat-ning-3-02017-06-12T23:15:44.000Z2017-06-12T23:15:44.000ZJ.Ayvarhttps://creators.ning.com/members/EsPasioncom<div><p><img src="http://storage.ning.com/topology/rest/1.0/file/get/559059?profile=original" class="align-full" width="526"></p>
<p></p>
<p></p>
<p>My first impression this is what I see.</p>
<ul>
<li>Our users can not see which of their friends or site users are online and could not start chatting immediately.</li>
<li>Chat can no longer be opened in a pop-up window</li>
<li>Members can not ignore a user in the chat</li>
</ul>
<p></p>
<p><br> <span class="font-size-4">New Features:</span></p>
<ul>
<li>We can search for members</li>
<li>Add members to chat</li>
<li>New design </li>
<li>add file</li>
<li>add image</li>
</ul>
<p></p>
<p></p>
<p>I would like to see the members who are online (as in the previous version)</p>
<p><img src="http://storage.ning.com/topology/rest/1.0/file/get/559079?profile=original" class="align-full" width="261"></p></div>Chat Box New Look with Apple iPhone style messageshttps://creators.ning.com/forum/topics/chat-box-new-look2012-11-17T15:11:54.000Z2012-11-17T15:11:54.000Zdavehttps://creators.ning.com/members/dave643<div><p>Iv'e aded some cool things to spark up the chat box on the main page and the Main Chat Window.</p>
<p>You can change the colours to suit your site. The black background you see is my site and is not part of the chat box. There is some rotation applied in the Main Chat Page so keep an eye out for that. :-)</p>
<p>OK Update- "Glassy Reply's"... <span style="text-decoration: underline; color: #000080;" class="font-size-5"><strong>"Check out Update 2"</strong></span></p>
<p><span style="color: #000080;" class="font-size-5"><strong> </strong></span> <span style="text-decoration: underline;"><strong><span style="color: #000080; text-decoration: underline;" class="font-size-5">" Check Out Update 3 "</span></strong></span></p>
<p>Just add to your advanced css Thank you for looking :-)</p>
<p>Check it out , i hope you enjoy :-)</p>
<p style="margin-bottom: 0px;">div.xg_chatWindow {</p>
<p style="margin-bottom: 0px;">border-top-left-radius:15px;</p>
<p style="margin-bottom: 0px;">border-top-right-radius:15px;</p>
<p style="margin-bottom: 0px;">}</p>
<p style="margin-bottom: 0px;">p._message {</p>
<p style="margin-bottom: 0px;">transform: rotate(0deg) scale(.9) skew(0deg) translate(10px);</p>
<p style="margin-bottom: 0px;">-webkit-transform: rotate(0deg) scale(.9) skew(0deg) translate(10px);</p>
<p style="margin-bottom: 0px;">-moz-transform: rotate(0deg) scale(.9) skew(0deg) translate(10px);</p>
<p style="margin-bottom: 0px;">-o-transform: rotate(0deg) scale(.9) skew(0deg) translate(10px);</p>
<p style="margin-bottom: 0px;">-ms-transform: rotate(0deg) scale(.9) skew(0deg) translate(10px);</p>
<p style="margin-bottom: 0px;">}</p>
<p style="margin-bottom: 0px;">li.message {</p>
<p style="margin-bottom: 0px;">-moz-box-shadow: 0px 0px 9px #000000;</p>
<p style="margin-bottom: 0px;">-webkit-box-shadow: 0px 0px 9px #000000;</p>
<p style="margin-bottom: 0px;">box-shadow: 0px 0px 9px #000000;</p>
<p style="margin-bottom: 0px;">}</p>
<p style="margin-bottom: 0px;">li.message {</p>
<p style="margin-bottom: 0px;"> -moz-border-radius: 50px 50px 50px 50px;</p>
<p style="margin-bottom: 0px;">-webkit-border-radius: 50px 50px 50px 50px;</p>
<p style="margin-bottom: 0px;">padding: 1px;</p>
<p style="margin-bottom: 0px;">background: -moz-linear-gradient(center top, #1fadd1 3%,#ffffff 89%);</p>
<p style="margin-bottom: 0px;">background: -webkit-gradient(linear, left top, left bottom, color-stop(0.03, #1fadd1),color-stop(0.89, #ffffff));</p>
<p style="margin-bottom: 0px;">}</p>
<p style="margin-bottom: 0px;">div.xg_chatWindow {</p>
<p style="margin-bottom: 0px;">border:groove 5px #ffffff;</p>
<p style="margin-bottom: 0px;">-moz-border-radius-topleft: 15px;</p>
<p style="margin-bottom: 0px;">-moz-border-radius-topright:15px;</p>
<p style="margin-bottom: 0px;">-moz-border-radius-bottomleft:5px;</p>
<p style="margin-bottom: 0px;">-moz-border-radius-bottomright:0px;</p>
<p style="margin-bottom: 0px;">-webkit-border-top-left-radius:15px;</p>
<p style="margin-bottom: 0px;">-webkit-border-top-right-radius:15px;</p>
<p style="margin-bottom: 0px;">-webkit-border-bottom-left-radius:5px;</p>
<p style="margin-bottom: 0px;">-webkit-border-bottom-right-radius:0px;</p>
<p style="margin-bottom: 0px;">border-top-left-radius:15px;</p>
<p style="margin-bottom: 0px;">border-top-right-radius:15px;</p>
<p style="margin-bottom: 0px;">border-bottom-left-radius:5px;</p>
<p style="margin-bottom: 0px;">border-bottom-right-radius:0px;</p>
<p style="margin-bottom: 0px;">}</p>
<p style="margin-bottom: 0px; min-height: 14px;"></p>
<p style="margin-bottom: 0px;">div.xg_chatBar.xg_titleBar.xg_theme-ningbar-bc.xg_theme-ningbar-c {</p>
<p style="margin-bottom: 0px;">border:groove 5px #31cde8;</p>
<p style="margin-bottom: 0px;">-moz-border-radius-topleft: 15px;</p>
<p style="margin-bottom: 0px;">-moz-border-radius-topright:15px;</p>
<p style="margin-bottom: 0px;">-moz-border-radius-bottomleft:5px;</p>
<p style="margin-bottom: 0px;">-moz-border-radius-bottomright:0px;</p>
<p style="margin-bottom: 0px;">-webkit-border-top-left-radius:15px;</p>
<p style="margin-bottom: 0px;">-webkit-border-top-right-radius:15px;</p>
<p style="margin-bottom: 0px;">-webkit-border-bottom-left-radius:5px;</p>
<p style="margin-bottom: 0px;">-webkit-border-bottom-right-radius:0px;</p>
<p style="margin-bottom: 0px;">border-top-left-radius:15px;</p>
<p style="margin-bottom: 0px;">border-top-right-radius:15px;</p>
<p style="margin-bottom: 0px;">border-bottom-left-radius:5px;</p>
<p style="margin-bottom: 0px;">border-bottom-right-radius:0px;</p>
<p style="margin-bottom: 0px;">}</p>
<p style="margin-bottom: 0px; min-height: 14px;"></p>
<p style="margin-bottom: 0px;">div.xg_chatWindow {</p>
<p style="margin-bottom: 0px;">-moz-box-shadow: -1px -6px 20px #000000;</p>
<p style="margin-bottom: 0px;">-webkit-box-shadow: -1px -6px 20px #000000;</p>
<p style="margin-bottom: 0px;">box-shadow: -1px -6px 20px #000000;</p>
<p style="margin-bottom: 0px;">}</p>
<p style="margin-bottom: 0px;">p.chatTitle.xg_info {</p>
<p style="margin-bottom: 0px;">-webkit-animation: cssAnimation 2.3997s 1 ease;</p>
<p style="margin-bottom: 0px;">-moz-animation: cssAnimation 2.3997s 1 ease;</p>
<p style="margin-bottom: 0px;">-o-animation: cssAnimation 2.3997s 1 ease;</p>
<p style="margin-bottom: 0px;">}</p>
<p style="margin-bottom: 0px;">@-webkit-keyframes cssAnimation {</p>
<p style="margin-bottom: 0px;">from { -webkit-transform: rotate(0deg) scale(0.625) skew(1deg) translate(0px); }</p>
<p style="margin-bottom: 0px;">to { -webkit-transform: rotate(360deg) scale(0.975) skew(1deg) translate(0px); }</p>
<p style="margin-bottom: 0px;">}</p>
<p style="margin-bottom: 0px;">@-moz-keyframes cssAnimation {</p>
<p style="margin-bottom: 0px;">from { -moz-transform: rotate(0deg) scale(0.625) skew(1deg) translate(0px); }</p>
<p style="margin-bottom: 0px;">to { -moz-transform: rotate(360deg) scale(0.975) skew(1deg) translate(0px); }</p>
<p style="margin-bottom: 0px;">}</p>
<p style="margin-bottom: 0px;">@-o-keyframes cssAnimation {</p>
<p style="margin-bottom: 0px;">from { -o-transform: rotate(0deg) scale(0.625) skew(1deg) translate(0px); }</p>
<p style="margin-bottom: 0px;">to { -o-transform: rotate(360deg) scale(0.975) skew(1deg) translate(0px); }</p>
<p style="margin-bottom: 0px;">}</p>
<p style="margin-bottom: 0px;">textarea.xg_chatInput {</p>
<p style="margin-bottom: 0px;">-moz-box-shadow:inset 1px -1px 17px #bababa;</p>
<p style="margin-bottom: 0px;">-webkit-box-shadow:inset 1px -1px 17px #bababa;</p>
<p style="margin-bottom: 0px;">box-shadow:inset 1px -1px 17px #bababa;</p>
<p style="margin-bottom: 0px;">}</p>
<p style="margin-bottom: 0px;">div.xg_messageListFooter {</p>
<p style="margin-bottom: 0px;">-moz-box-shadow:inset 1px -1px 17px #bababa;</p>
<p style="margin-bottom: 0px;">-webkit-box-shadow:inset 1px -1px 17px #bababa;</p>
<p style="margin-bottom: 0px;">box-shadow:inset 1px -1px 17px #bababa;</p>
<p style="margin-bottom: 0px;">}</p>
<p style="margin-bottom: 0px;">p.xg_info.xg_activeConversations {</p>
<p style="margin-bottom: 0px;">-moz-box-shadow: 2px 2px 11px #2b2b2b;</p>
<p style="margin-bottom: 0px;">-webkit-box-shadow: 2px 2px 11px #2b2b2b;</p>
<p style="margin-bottom: 0px;">box-shadow: 2px 2px 11px #2b2b2b;</p>
<p style="margin-bottom: 0px;">}</p>
<p style="margin-bottom: 0px;">p.chatTitle.xg_info {</p>
<p style="margin-bottom: 0px;">-moz-box-shadow: 2px 2px 11px #2b2b2b;</p>
<p style="margin-bottom: 0px;">-webkit-box-shadow: 2px 2px 11px #2b2b2b;</p>
<p style="margin-bottom: 0px;">box-shadow: 2px 2px 11px #2b2b2b;</p>
<p style="margin-bottom: 0px;">}</p>
<p style="margin-bottom: 0px;">ul.xg_messageList {</p>
<p style="margin-bottom: 0px;">-moz-box-shadow: 2px 2px 11px #2b2b2b;</p>
<p style="margin-bottom: 0px;">-webkit-box-shadow: 2px 2px 11px #2b2b2b;</p>
<p style="margin-bottom: 0px;">box-shadow: 2px 2px 11px #2b2b2b;</p>
<p style="margin-bottom: 0px;">}</p>
<p style="margin-bottom: 0px;">div.xg_messageListFooter {</p>
<p style="margin-bottom: 0px;">-moz-box-shadow: 2px 2px 11px #2b2b2b;</p>
<p style="margin-bottom: 0px;">-webkit-box-shadow: 2px 2px 11px #2b2b2b;</p>
<p style="margin-bottom: 0px;">box-shadow: 2px 2px 11px #2b2b2b;</p>
<p style="margin-bottom: 0px;">}</p>
<p style="margin-bottom: 0px;">div#mainRoomHeading.xg_messageListHeading {</p>
<p style="margin-bottom: 0px;">-moz-box-shadow: 2px 2px 11px #2b2b2b;</p>
<p style="margin-bottom: 0px;">-webkit-box-shadow: 2px 2px 11px #2b2b2b;</p>
<p style="margin-bottom: 0px;">box-shadow: 2px 2px 11px #2b2b2b;</p>
<p style="margin-bottom: 0px;">}</p>
<p style="margin-bottom: 0px;">ul.xg_userList.chatUsers {</p>
<p style="margin-bottom: 0px;">-moz-box-shadow: 2px 2px 11px #2b2b2b;</p>
<p style="margin-bottom: 0px;">-webkit-box-shadow: 2px 2px 11px #2b2b2b;</p>
<p style="margin-bottom: 0px;">box-shadow: 2px 2px 11px #2b2b2b;</p>
<p style="margin-bottom: 0px;">}</p>
<p style="margin-bottom: 0px;">li.mainRoom.active {</p>
<p style="margin-bottom: 0px;">-moz-box-shadow: 2px 2px 11px #2b2b2b;</p>
<p style="margin-bottom: 0px;">-webkit-box-shadow: 2px 2px 11px #2b2b2b;</p>
<p style="margin-bottom: 0px;">box-shadow: 2px 2px 11px #2b2b2b;</p>
<p style="margin-bottom: 0px;">}</p>
<p style="margin-bottom: 0px;">div#userListContainer.xg_chatWindow.sideChatContainer {</p>
<p style="margin-bottom: 0px;">-moz-box-shadow: 2px 2px 11px #2b2b2b;</p>
<p style="margin-bottom: 0px;">-webkit-box-shadow: 2px 2px 11px #2b2b2b;</p>
<p style="margin-bottom: 0px;">box-shadow: 2px 2px 11px #2b2b2b;</p>
<p style="margin-bottom: 0px;">}</p>
<p style="margin-bottom: 0px;">ul.xg_userList.chatUsers {</p>
<p style="margin-bottom: 0px;">border:solid 1px #ffffff;</p>
<p style="margin-bottom: 0px;">-moz-border-radius-topleft: 0px;</p>
<p style="margin-bottom: 0px;">-moz-border-radius-topright:0px;</p>
<p style="margin-bottom: 0px;">-moz-border-radius-bottomleft:5px;</p>
<p style="margin-bottom: 0px;">-moz-border-radius-bottomright:5px;</p>
<p style="margin-bottom: 0px;">-webkit-border-top-left-radius:0px;</p>
<p style="margin-bottom: 0px;">-webkit-border-top-right-radius:0px;</p>
<p style="margin-bottom: 0px;">-webkit-border-bottom-left-radius:5px;</p>
<p style="margin-bottom: 0px;">-webkit-border-bottom-right-radius:5px;</p>
<p style="margin-bottom: 0px;">border-top-left-radius:0px;</p>
<p style="margin-bottom: 0px;">border-top-right-radius:0px;</p>
<p style="margin-bottom: 0px;">border-bottom-left-radius:5px;</p>
<p style="margin-bottom: 0px;">border-bottom-right-radius:5px;</p>
<p style="margin-bottom: 0px;">}</p>
<p style="margin-bottom: 0px;"></p>
<p style="margin-bottom: 0px;"></p>
<p style="margin-bottom: 0px;"><span style="text-decoration: underline;"><span style="color: #003366;" class="font-size-5"><strong>"UPDATE 2 Below"</strong></span></span></p>
<p style="margin-bottom: 0px;"><span style="color: #003366;" class="font-size-5"><strong>This update changes the avatar and icons to round with shadow.</strong></span></p>
<p style="margin-bottom: 0px;"><span style="color: #003366;" class="font-size-5"><strong>if you want to use this , just remove the code above and replace with this one.</strong></span></p>
<p style="margin-bottom: 0px;"></p>
<p>img._avatar {<br> -moz-box-shadow: 5px 4px 11px #2b2b2b;<br> -webkit-box-shadow: 5px 4px 11px #2b2b2b;<br> box-shadow: 5px 4px 11px #2b2b2b;}<br> img._avatar {<br> border:none 0px #1fadd1;<br> -moz-border-radius-topleft: 75px;<br> -moz-border-radius-topright:75px;<br> -moz-border-radius-bottomleft:75px;<br> -moz-border-radius-bottomright:75px;<br> -webkit-border-top-left-radius:75px;<br> -webkit-border-top-right-radius:75px;<br> -webkit-border-bottom-left-radius:75px;<br> -webkit-border-bottom-right-radius:75px;<br> border-top-left-radius:75px;<br> border-top-right-radius:75px;<br> border-bottom-left-radius:75px;<br> border-bottom-right-radius:75px;}<br> div.xg_chatWindow {<br> border-top-left-radius:15px;<br> border-top-right-radius:15px;<br> }<br> p._message {<br> transform: rotate(0deg) scale(.9) skew(0deg) translate(10px);<br> -webkit-transform: rotate(0deg) scale(.9) skew(0deg) translate(10px);<br> -moz-transform: rotate(0deg) scale(.9) skew(0deg) translate(10px);<br> -o-transform: rotate(0deg) scale(.9) skew(0deg) translate(10px);<br> -ms-transform: rotate(0deg) scale(.9) skew(0deg) translate(10px);<br> }<br> li.message {<br> -moz-box-shadow: 0px 0px 9px #000000;<br> -webkit-box-shadow: 0px 0px 9px #000000;<br> box-shadow: 0px 0px 9px #000000;<br> }<br> li.message {<br> -moz-border-radius: 50px 50px 50px 50px;<br> -webkit-border-radius: 50px 50px 50px 50px;<br> padding: 1px;<br> background: -moz-linear-gradient(center top, #1fadd1 3%,#ffffff 89%);<br> background: -webkit-gradient(linear, left top, left bottom, color-stop(0.03, #1fadd1),color-stop(0.89, #ffffff));<br> }<br> div.xg_chatWindow {<br> border:groove 5px #ffffff;<br> -moz-border-radius-topleft: 15px;<br> -moz-border-radius-topright:15px;<br> -moz-border-radius-bottomleft:5px;<br> -moz-border-radius-bottomright:0px;<br> -webkit-border-top-left-radius:15px;<br> -webkit-border-top-right-radius:15px;<br> -webkit-border-bottom-left-radius:5px;<br> -webkit-border-bottom-right-radius:0px;<br> border-top-left-radius:15px;<br> border-top-right-radius:15px;<br> border-bottom-left-radius:5px;<br> border-bottom-right-radius:5px;<br> }<br> div.xg_chatBar.xg_titleBar.xg_theme-ningbar-bc.xg_theme-ningbar-c {<br> border:groove 5px #31cde8;<br> -moz-border-radius-topleft: 15px;<br> -moz-border-radius-topright:15px;<br> -moz-border-radius-bottomleft:5px;<br> -moz-border-radius-bottomright:0px;<br> -webkit-border-top-left-radius:15px;<br> -webkit-border-top-right-radius:15px;<br> -webkit-border-bottom-left-radius:5px;<br> -webkit-border-bottom-right-radius:0px;<br> border-top-left-radius:15px;<br> border-top-right-radius:15px;<br> border-bottom-left-radius:5px;<br> border-bottom-right-radius:5px;<br> }<br> div.xg_chatWindow {<br> -moz-box-shadow: -1px -6px 20px #000000;<br> -webkit-box-shadow: -1px -6px 20px #000000;<br> box-shadow: -1px -6px 20px #000000;<br> }<br> p.chatTitle.xg_info {<br> -webkit-animation: cssAnimation 2.3997s 1 ease;<br> -moz-animation: cssAnimation 2.3997s 1 ease;<br> -o-animation: cssAnimation 2.3997s 1 ease;<br> }<br> @-webkit-keyframes cssAnimation {<br> from { -webkit-transform: rotate(0deg) scale(0.625) skew(1deg) translate(0px); }<br> to { -webkit-transform: rotate(360deg) scale(0.975) skew(1deg) translate(0px); }<br> }<br> @-moz-keyframes cssAnimation {<br> from { -moz-transform: rotate(0deg) scale(0.625) skew(1deg) translate(0px); }<br> to { -moz-transform: rotate(360deg) scale(0.975) skew(1deg) translate(0px); }<br> }<br> @-o-keyframes cssAnimation {<br> from { -o-transform: rotate(0deg) scale(0.625) skew(1deg) translate(0px); }<br> to { -o-transform: rotate(360deg) scale(0.975) skew(1deg) translate(0px); }<br> }<br> textarea.xg_chatInput {<br> -moz-box-shadow:inset 1px -1px 17px #bababa;<br> -webkit-box-shadow:inset 1px -1px 17px #bababa;<br> box-shadow:inset 1px -1px 17px #bababa;<br> }<br> div.xg_messageListFooter {<br> -moz-box-shadow:inset 1px -1px 17px #bababa;<br> -webkit-box-shadow:inset 1px -1px 17px #bababa;<br> box-shadow:inset 1px -1px 17px #bababa;<br> }<br> p.xg_info.xg_activeConversations {<br> -moz-box-shadow: 2px 2px 11px #2b2b2b;<br> -webkit-box-shadow: 2px 2px 11px #2b2b2b;<br> box-shadow: 2px 2px 11px #2b2b2b;<br> }<br> p.chatTitle.xg_info {<br> -moz-box-shadow: 2px 2px 11px #2b2b2b;<br> -webkit-box-shadow: 2px 2px 11px #2b2b2b;<br> box-shadow: 2px 2px 11px #2b2b2b;<br> }<br> ul.xg_messageList {<br> -moz-box-shadow: 2px 2px 11px #2b2b2b;<br> -webkit-box-shadow: 2px 2px 11px #2b2b2b;<br> box-shadow: 2px 2px 11px #2b2b2b;<br> }<br> div.xg_messageListFooter {<br> -moz-box-shadow: 2px 2px 11px #2b2b2b;<br> -webkit-box-shadow: 2px 2px 11px #2b2b2b;<br> box-shadow: 2px 2px 11px #2b2b2b;<br> }<br> div#mainRoomHeading.xg_messageListHeading {<br> -moz-box-shadow: 2px 2px 11px #2b2b2b;<br> -webkit-box-shadow: 2px 2px 11px #2b2b2b;<br> box-shadow: 2px 2px 11px #2b2b2b;<br> }<br> ul.xg_userList.chatUsers {<br> -moz-box-shadow: 2px 2px 11px #2b2b2b;<br> -webkit-box-shadow: 2px 2px 11px #2b2b2b;<br> box-shadow: 2px 2px 11px #2b2b2b;<br> }<br> li.mainRoom.active {<br> -moz-box-shadow: 2px 2px 11px #2b2b2b;<br> -webkit-box-shadow: 2px 2px 11px #2b2b2b;<br> box-shadow: 2px 2px 11px #2b2b2b;<br> }<br> div#userListContainer.xg_chatWindow.sideChatContainer {<br> -moz-box-shadow: 2px 2px 11px #2b2b2b;<br> -webkit-box-shadow: 2px 2px 11px #2b2b2b;<br> box-shadow: 2px 2px 11px #2b2b2b;<br> }<br> ul.xg_userList.chatUsers {<br> border:solid 1px #ffffff;<br> -moz-border-radius-topleft: 0px;<br> -moz-border-radius-topright:0px;<br> -moz-border-radius-bottomleft:5px;<br> -moz-border-radius-bottomright:5px;<br> -webkit-border-top-left-radius:0px;<br> -webkit-border-top-right-radius:0px;<br> -webkit-border-bottom-left-radius:5px;<br> -webkit-border-bottom-right-radius:5px;<br> border-top-left-radius:0px;<br> border-top-right-radius:0px;<br> border-bottom-left-radius:5px;<br> border-bottom-right-radius:5px;<br> }</p>
<p style="margin-bottom: 0px; font-size: 12px; font-family: Helvetica;"></p>
<p style="margin-bottom: 0px; font-size: 12px; font-family: Helvetica;"><span class="font-size-5" style="color: #003366;"><strong><span style="text-decoration: underline;">"New screen shot of what it looks like.New Update 2"</span></strong></span></p>
<p style="margin-bottom: 0px; font-size: 12px; font-family: Helvetica;"><a href="http://storage.ning.com/topology/rest/1.0/file/get/553367?profile=original" target="_self"><img src="http://storage.ning.com/topology/rest/1.0/file/get/553367?profile=original" width="749" class="align-full"></a></p>
<p style="margin-bottom: 0px; font-size: 12px; font-family: Helvetica;"><a href="http://storage.ning.com/topology/rest/1.0/file/get/553441?profile=original" target="_self"><img src="http://storage.ning.com/topology/rest/1.0/file/get/553441?profile=original" width="591" class="align-full"></a></p>
<p style="margin-bottom: 0px; font-size: 12px; font-family: Helvetica;"></p>
<p style="margin-bottom: 0px; font-size: 12px; font-family: Helvetica;"></p>
<p style="margin-bottom: 0px; font-size: 12px; font-family: Helvetica;">>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>></p>
<p style="margin-bottom: 0px; font-size: 12px; font-family: Helvetica;">First Code 1</p>
<p style="margin-bottom: 0px; font-size: 12px; font-family: Helvetica;"><a href="http://storage.ning.com/topology/rest/1.0/file/get/553467?profile=original" target="_self"><img src="http://storage.ning.com/topology/rest/1.0/file/get/553467?profile=RESIZE_1024x1024" width="750" class="align-full"></a></p>
<p style="margin-bottom: 0px; font-size: 12px; font-family: Helvetica;"></p>
<p style="margin-bottom: 0px; font-size: 12px; font-family: Helvetica;"><a href="http://storage.ning.com/topology/rest/1.0/file/get/553492?profile=original" target="_self"><img src="http://storage.ning.com/topology/rest/1.0/file/get/553492?profile=original" width="559" class="align-full"></a></p>
<p style="margin-bottom: 0px; font-size: 12px; font-family: Helvetica;"><span style="text-decoration: underline; color: #0000ff;" class="font-size-4">UPDATE 3</span></p>
<p style="margin-bottom: 0px; font-size: 12px; font-family: Helvetica;"><span style="color: #0000ff;" class="font-size-4">This update changes the headers to nice glass ones with a change in colour on hover. Of Course you can change the colour to suit your site and even the bubble messages can be changed to suit your site.</span></p>
<p style="margin-bottom: 0px; font-size: 12px; font-family: Helvetica;"><span style="color: #0000ff;" class="font-size-4">New Screen Shot</span></p>
<p style="margin-bottom: 0px; font-size: 12px; font-family: Helvetica;"><span style="color: #0000ff;" class="font-size-4"><a href="http://storage.ning.com/topology/rest/1.0/file/get/553506?profile=original" target="_self"><img src="http://storage.ning.com/topology/rest/1.0/file/get/553506?profile=original" width="517" class="align-full"></a></span></p>
<p style="margin-bottom: 0px; font-size: 12px; font-family: Helvetica;"><a href="http://storage.ning.com/topology/rest/1.0/file/get/553525?profile=original" target="_self"><img src="http://storage.ning.com/topology/rest/1.0/file/get/553525?profile=original" width="512" class="align-full"></a></p>
<p style="margin-bottom: 0px; font-size: 12px; font-family: Helvetica;"><span style="text-decoration: underline; color: #0000ff;" class="font-size-3">Take out this part of the old code and replace it with the code below....Hope you enjoy :-)</span></p>
<p style="margin-bottom: 0px; font-size: 12px; font-family: Helvetica;"></p>
<div>
li.message {
</div>
<div>
-moz-box-shadow: 0px 0px 11px #000000;
</div>
<div>
-webkit-box-shadow: 0px 0px 11px #000000;
</div>
<div>
box-shadow: 0px 0px 11px #000000;
</div>
<div>
}
</div>
<div>
li.message {
</div>
<div>
-moz-border-radius: 15px 15px 15px 15px;
</div>
<div>
-webkit-border-radius: 15px 15px 15px 15px;
</div>
<div>
padding: 6px;
</div>
<div>
background: -moz-linear-gradient(center top, #2E9AFE 29%,#ffffff 100%,#000000 0%,#000000 0%);
</div>
<div>
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.29, #2E9AFE),color-stop(1, #ffffff),color-stop(0, #000000),color-stop(0, #000000));
</div>
<div>
}
</div>
<p style="margin-bottom: 0px; font-size: 12px; font-family: Helvetica;"></p>
<p style="margin-bottom: 0px; font-size: 12px; font-family: Helvetica;"></p></div>