Код:
.chatHeader .chatTitle:after { --duration: 15s; content: 'Добро пожаловать в наш чат!'; font-size: 1.2rem; position: absolute; top: 10px; margin-left: 100px; width: 400px; white-space: nowrap; overflow: hidden; animation: typing var(--duration) infinite; text-shadow: none } @keyframes typing { 0% { width: 0 } 80% { color: #FF0000} }

.chatHeader {/* Шапка чата */background-image:url(),url();background-position: center, 0px;background-repeat:no-repeat;background-color: #;font-size: 0pt;border-radius:5px;box-shadow: 0 0 1px #777, 0 0 2px #777, 0 0 3px #777, 0 0 4px #777, 0 0 5px #777, 0 0 6px #777, 0 0 7px #777, 0 0 20px #777 inset;}


.smilesBox { position: absolute; left: 0px; top: 0px; width: 82%; height: 250px; overflow: auto; z-index: 98; } 

.smilesBox,.hover { background-image:url();

 background-position: center center; background-repeat:no-repeat; background-size: 100% 100%; padding:5px 0px 0px 10px; border: 1px solid #; border-radius:5px 60px 10px 10px; box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #c79900, 0 0 5px #0f010f, 0 0 6px #ffe799, 0 0 7px #0f0c01, 0 0 10px #ffe799; } 

 .smilesBox p { font-size: 15pt; margin-left: 20pt; margin-bottom: 0pt; color: #000000; }



.chatMessages .chatMessage:not(.chatSystemMessage) strong:first-child {
    opacity: 0.6;
    color: #;
    background:	#;
    margin-left: -15px;
    width: 102%;
    display: block;
    padding: 6px 2px;
    font-weight: 400;
    text-align: center;



}


.user2190961 {
    background: transparent url("http://chatadelic.net/files/hpic/48/67/4795.gif") no-repeat scroll 0px 0px / 15px 16px;
    padding-left: 20px;
    padding-bottom:0px;


    
}


.user2811800 {
    background: transparent url("https://liubavyshka.ru/_ph/137/2/23552266.gif") no-repeat scroll 0px 0px / 15px 16px;
    padding-left: 20px;
    padding-bottom:0px;


}


.user2812556 {
    background: transparent url("http://pornokat.ru/style/favicon.png") no-repeat scroll 0px 0px / 15px 16px;
    padding-left: 20px;
    padding-bottom:0px;
    
}


.user2812127 {
    background: transparent url("http://chatadelic.net/files/hpic/55/57/9123.gif") no-repeat scroll 0px 0px / 15px 16px;
    padding-left: 20px;
    padding-bottom:0px;
    
}

.user2811941 {
    background: transparent url("http://toolson.net/ImageData/Icon/539549.ico?r=637296101329289440") no-repeat scroll 0px 0px / 15px 16px;
    padding-left: 20px;
    padding-bottom:0px;
    
}



.user2780069 {
    background: transparent url("http://toolson.net/ImageData/Icon/539549.ico?r=637296101329289440") no-repeat scroll 0px 0px / 15px 16px;
    padding-left: 20px;
    padding-bottom:0px;
    
}



.user2691100 {
    background: transparent url("http://toolson.net/ImageData/Icon/539642.ico?r=637296554110366507") no-repeat scroll 0px 0px / 15px 16px;
    padding-left: 20px;
    padding-bottom:0px;
    
}


.user2817126 {
    background: transparent url("https://img13.postila.ru/resize?w=460&src=%2Fdata%2F24%2F21%2F8e%2Fcd%2F24218ecde96000855c6af74f8e6750f592bee304cfe2422932a79edbc34889ad.gif") no-repeat scroll 0px 0px / 15px 16px;
    padding-left: 20px;
    padding-bottom:0px;
    
}


.user2780107 {
    background: transparent url("http://s10.rimg.info/20c0db0d499fecc270518570807625ac.gif") no-repeat scroll 0px 0px / 15px 16px;
    padding-left: 20px;
    padding-bottom:0px;
    
}



.user2360689 {
    background: transparent url("http://s10.rimg.info/20c0db0d499fecc270518570807625ac.gif") no-repeat scroll 0px 0px / 15px 16px;
    padding-left: 20px;
    padding-bottom:0px;
    
}

/*Фон правой колонки*/
.chatPeople {
background-image: url("http://bestgif.su/_ph/3/2/181143250.gif");
background-position: bottom;
background-repeat: repeat-x;
background-size: 150%
}


.chatHeader:hover:before { /*мняв*/ Иконкка в левом углу
width: 200px; 
height: 250px; 
right: 100px; 
top: 250%; 
opacity: 2;
}

.chatTitle::before {
    position: absolute;
    width:45px;
    height:45px; 
    top:12px;
    left:12px;
    content:'';
    background: url(https://liubavyshka.ru/_ph/137/2/23552266.gif) 0 0 no-repeat;
    background-size:40px;
    transition:all 0.3s ease;
}

светлые крутилки

.chatTabs > ul > li > a { padding: 5px 10px 5px 10px; height: 100%; text-decoration: none; border-top: 0px none !important; border-right: 0px none !important; 
vertical-align: middle; display: inline-block; line-height: 24px; border-radius: 20px; font-family: Monotype Corsiva;font-size: 10pt; }
.chatTabs ul { height: 28px; }.chatTabs ul li.appTab { background: transparent url("код картинки") no-repeat scroll 0 0; background-position: center center; 
background-repeat: no-repeat; background-size: 100% 100%; border-radius: 100%; padding: 3px 3px 3px 3px; font-color: transparent; box-shadow: 0 0 1px #ffffff, 
0 0 2px #fff, 0 0 3px #ffffff, 0 0 4px #ffffff, 0 0 5px #D3D3D3, 0 0 6px #FFDEAD, 0 0 7px #778899, 0 0 10px #0000CD; } .chatTabs ul li.appTab { 
-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; } 
.chatTabs ul li.appTab:hover { border-radius: 50%; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); 
-ms-transform: rotate(360deg); transform: rotate(360deg); }.user2519686::before {content: "CSS- ";color: #333;color: #ff0000;background-color: #;font-size: 75%;padding: 1px;letter-spacing: 0px;}

.chatFooter:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; text-align: center; border-radius: 10px; }

.chatFooter {border-radius: 5px;}

.chatUserAway[title="Отошел"], .chatPeople ul.chatPeopleList li[title="Отошел"].hover {
display: none;.chatUserAway[title="Отошел"] .chatUserWrapper 
display: none;}

.chat {
text-shadow: 0px 0px 0 #000;
background-color: transparent;
background-image: url("http://storage.ruelsoft.org/storage/file/get/1428829230044 ");/*Картинку анимации можно свою ставить */
background-position: right 0 bottom 0;
background-repeat: no-repeat;
background-size: 150% auto;

border: 5px solid #fff;
border-radius: 40px 40px 40px 40px;/*настройка скругления*/

 box-shadow:1px 1px 6px #000,-1px -1px 1px #fff;
http://besposhhadnye.ru/