Custom smileys for new ning chat

[Ratheesh]

This is the simple css for replace the standard smileys with your own smileys, just copy and paste this code on your appearence code box, im not better in English so please co operate with me

Thease are the new smileys, you can replace them with your own url, You can get more smileys here http://www.suhrthu.com/jquery/suhrthu_smileys/cute/

 

 

IF You use your own smileys, please make an image like this for emoticon panel and replace my url

 

 

 

 

CODE

 

.xg_chat .xg_messageList .emoticon {
display: inline-block;
text-indent: -9999px;
background: url(http://9t9.in/sites/emoticons.png?v=3763623453) no-repeat;
width: 20px;
height: 20px;
vertical-align: bottom;
position: relative;
top: 2px;
}
.emoticon-panel {
background: white url(http://9t9.in/sites/emoticons.png?v=3763623453) no-repeat 3px 2px;
border: 1px solid #C3C3C3;
top: -82px;
display: none;
height: 80px;
right: -1px;
position: absolute;
width: 130px;
}
.xg_chat .xg_messageList .cry {
background: url(http://9t9.in/sites/1.gif)no-repeat;
width: 61px;
height: 52px;
}
.xg_chat .xg_messageList .biggrin {
background: url(http://9t9.in/sites/2.gif)no-repeat;
width: 50px;
height: 50px;
}
.xg_chat .xg_messageList .ohmy {
background: url(http://9t9.in/sites/3.gif)no-repeat;
width: 50px;
height: 50px;

}
.xg_chat .xg_messageList .sadeyes{
background: url(http://9t9.in/sites/4.gif)no-repeat;
width: 50px;
height: 50px;

}
.xg_chat .xg_messageList .coolsmile {
background: url(http://9t9.in/sites/5.gif)no-repeat;
width: 50px;
height: 50px;
}
.xg_chat .xg_messageList .sick {
background: url(http://9t9.in/sites/6.gif)no-repeat;
width: 50px;
height: 50px;
}
.xg_chat .xg_messageList .wink {
background: url(http://9t9.in/sites/7.gif)no-repeat;
width: 50px;
height: 50px;
}
.xg_chat .xg_messageList .frown {
background: url(http://9t9.in/sites/8.gif)no-repeat;
width: 50px;
height: 50px;
}
.xg_chat .xg_messageList .tongue {
background: url(http://9t9.in/sites/9.gif)no-repeat;
width: 50px;
height: 50px;
}
.xg_chat .xg_messageList .biglips {
background: url(http://9t9.in/sites/10.gif)no-repeat;
width: 50px;
height: 50px;
}
.xg_chat .xg_messageList .surprise {
background: url(http://9t9.in/sites/11.gif)no-repeat;
width: 50px;
height: 50px;
}
.xg_chat .xg_messageList .smile {
background: url(http://9t9.in/sites/12.gif)no-repeat;
width: 70px;
height: 50px;
}

[Ron]

is that a bunny banging his head on the wall?  priceless

nice tip Ratheesh!

[Ratheesh]

thank you

[anas patla]

nice tip ratheesh, thanks

[Ratheesh]

thank you

[Tim Smith]

thank,but it not display on my chat

[ismail shah]

same here. not displying in caht

[Ratheesh]

which ? new or old ? this is for new chat

check this screenshot

[Tim Smith]

Chat room on mainpage http://www.uddtoday.net/ not display new emoticon..

[Bernard Lama]

Wow! Very nice tip..book marked.

[AjIt█▬█( Logic Gate™ )]

Thanks. Great.