/* кто в чате  */
.chatPeople .chatPeopleTitle:after {
  font-size: 8pt;
  font-weight: bolder;
  content: ' - гостей 55';
}

.chatHeader::after {
  content: "";
  position: absolute;
  top: 0;
  right: 10%;
  -webkit-transform: translateY(-150%);
  -ms-transform: translateY(-150%);
  transform: translateY(-150%);
  width: 157px;
  height: 148px;
  background-image: url("https://b.radikal.ru/b04/2009/4f/b00b8b7bcbd4.gif");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

.chatHeader:hover::after {
  -webkit-transform: translateY(150%);
  -ms-transform: translateY(150%);
  transform: translateY(150%);
}



/* Анимация внизу */

.chatLinkImage,
.chatLinkProfile,
.chatLinkGold,
.chatLinkVip,
.chatLinkModerate,
.chatLinkMore {
  position: relative;
  z-index: 1;
}

.chatLinkImage::after,
.chatLinkProfile::after,
.chatLinkGold::after,
.chatLinkVip::after,
.chatLinkModerate::after,
.chatLinkMore::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateY(150%) translatex(-50%);
  -ms-transform: translateY(150%) translatex(-50%);
  transform: translateY(150%) translatex(-50%);
  width: 100px;
  height: 120px;
  background-image: url("");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

.chatLinkImage:hover::after,
.chatLinkProfile:hover::after,
.chatLinkGold:hover::after,
.chatLinkVip:hover::after,
.chatLinkModerate:hover::after,
.chatLinkMore:hover::after {
  -webkit-transform: translateY(-150%) translatex(-50%);
  -ms-transform: translateY(-150%) translatex(-50%);
  transform: translateY(-150%) translatex(-50%);
}


.chatSendButtonPanel {
  position: relative;
  z-index: 1;
}

.chatSendButtonPanel::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateY(150%) translatex(-50%);
  -ms-transform: translateY(150%) translatex(-50%);
  transform: translateY(150%) translatex(-50%);
  width: 100px;
  height: 120px;
  background-image: url("https://m.gifmania.com.tr/Hareketli-Gifler-Mesajlari/Gif-Resimleri-Ayyy/Ayyy-77698.gif");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

.chatSendButtonPanel:hover::after {
  -webkit-transform: translateY(-150%) translatex(-50%);
  -ms-transform: translateY(-150%) translatex(-50%);
  transform: translateY(-150%) translatex(-50%);
}



/* Список пользователей слева */
.chatMain .chatPeople {
  left: 0 !important;
  font-style: italic;
  font-family: "Georgia";
  font-size: 9pt;
  font-weight: bolder;
}

.chatMain .chatMessages,
.chatMain .chatPrivateMessages {
  right: 0 !important;
  left: 200px !important;
}


.chatTabs {
  left: 200px !important;
  right: 0 !important;
}
}

@keyframes adler {
	from{transform: scale(.3) translate3d(-1500px,30,0)}
	to{transform: scale(.9) translate3d(1000px,0,100px)}
}


#chatMainMenuChat li:nth-child(4) {display:none}
.has-nick #chatMainMenuChat li:nth-child(4) {display:block!important}
#chatMainMenuChat li:nth-child(2) {display:none}
.has-nick #chatMainMenuChat li:nth-child(2) {display:block!important}
#chatMainMenuChat li:nth-child(1) {display:none}
.has-nick #chatMainMenuChat li:nth-child(1) {display:block!important}
#chatMainMenuChat li:nth-child(3) {display:none}
.has-nick #chatMainMenuChat li:nth-child(3) {display:block!important}
#chatMainMenuChat li:nth-child(5) {display:none}
.has-nick #chatMainMenuChat li:nth-child(5) {display:block!important}
#chatMainMenuChat li:nth-child(6) {display:none}
.has-nick #chatMainMenuChat li:nth-child(6) {display:block!important}
#chatMainMenuChat li:nth-child(7) {display:none}
.has-nick #chatMainMenuChat li:nth-child(7) {display:block!important}
#chatMainMenuChat li:nth-child(8) {display:none}
.has-nick #chatMainMenuChat li:nth-child(8) {display:block!important}


.chatFooter .chatFooterWrapper .chatPanel .chatSendButtonPanel .chatSendButton {
    background-color: #ff3300;
}


.adm-icon {
    background-image: url("http://pornokat.ru/style/favicon.png");
}

.mod-icon {
    background-image: url("http://pornokat.ru/style/favicon.png");
}

.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/

<!-- Поисковые боты (расширенный список)-->
<script type="text/javascript">
$.ajax({type: 'GET',url: 'online.php',
success: function(data){
$(data).find('div#pun-online td.tcl:first-child').map(function () {
var OnlineIP=$(this).find('a').attr('title');
if(OnlineIP.indexOf('95.108.') != -1) {$('li#onlinelist.item5 span:first').append('<a href="/online.php" class="bot" title="'+OnlineIP+'">&nbsp;, Yandex[bot]</a>')};
if(OnlineIP.indexOf('77.88.') != -1) {$('li#onlinelist.item5 span:first').append('<a href="/online.php" class="bot" title="'+OnlineIP+'">&nbsp;, Yandex[bot]</a>')};
if(OnlineIP.indexOf('93.158.') != -1) {$('li#onlinelist.item5 span:first').append('<a href="/online.php" class="bot" title="'+OnlineIP+'">&nbsp;, Yandex[bot]</a>')};
if(OnlineIP.indexOf('66.249.') != -1) {$('li#onlinelist.item5 span:first').append('<a href="/online.php" class="bot" title="'+OnlineIP+'">&nbsp;, Google[bot]</a>')};
if(OnlineIP.indexOf('94.100.') != -1) {$('li#onlinelist.item5 span:first').append('<a href="/online.php" class="bot" title="'+OnlineIP+'">&nbsp;, Mail[bot]</a>')};
if(OnlineIP.indexOf('217.69.134.') != -1) {$('li#onlinelist.item5 span:first').append('<a href="/online.php" class="bot" title="'+OnlineIP+'">&nbsp;, Mail[bot]</a>')};
if(OnlineIP.indexOf('217.69.136.') != -1) {$('li#onlinelist.item5 span:first').append('<a href="/online.php" class="bot" title="'+OnlineIP+'">&nbsp;, Mail[bot]</a>')};
if(OnlineIP.indexOf('81.19.') != -1) {$('li#onlinelist.item5 span:first').append('<a href="/online.php" class="bot" title="'+OnlineIP+'">&nbsp;, Rambler[bot]</a>')};
if(OnlineIP.indexOf('67.195.') != -1) {$('li#onlinelist.item5 span:first').append('<a href="/online.php" class="bot" title="'+OnlineIP+'">&nbsp;, Yahoo![bot]</a>')};
if(OnlineIP.indexOf('72.30.') != -1) {$('li#onlinelist.item5 span:first').append('<a href="/online.php" class="bot" title="'+OnlineIP+'">&nbsp;, Yahoo![bot]</a>')};
if(OnlineIP.indexOf('74.6.') != -1) {$('li#onlinelist.item5 span:first').append('<a href="/online.php" class="bot" title="'+OnlineIP+'">&nbsp;, Yahoo![bot]</a>')};
if(OnlineIP.indexOf('202.160.') != -1) {$('li#onlinelist.item5 span:first').append('<a href="/online.php" class="bot" title="'+OnlineIP+'">&nbsp;, Yahoo![bot]</a>')};
if(OnlineIP.indexOf('207.46.') != -1) {$('li#onlinelist.item5 span:first').append('<a href="/online.php" class="bot" title="'+OnlineIP+'">&nbsp;, Bing[bot]</a>')};
if(OnlineIP.indexOf('66.235.') != -1) {$('li#onlinelist.item5 span:first').append('<a href="/online.php" class="bot" title="'+OnlineIP+'">&nbsp;, Ask[bot]</a>')};
if(OnlineIP.indexOf('65.52.') != -1) {$('li#onlinelist.item5 span:first').append('<a href="/online.php" class="bot" title="'+OnlineIP+'">&nbsp;, Bing[bot]</a>')};
if(OnlineIP.indexOf('65.55.') != -1) {$('li#onlinelist.item5 span:first').append('<a href="/online.php" class="bot" title="'+OnlineIP+'">&nbsp;, Bing[bot]</a>')};
if(OnlineIP.indexOf('157.55.') != -1) {$('li#onlinelist.item5 span:first').append('<a href="/online.php" class="bot" title="'+OnlineIP+'">&nbsp;, Bing[bot]</a>')};
if(OnlineIP.indexOf('119.63.') != -1) {$('li#onlinelist.item5 span:first').append('<a href="/online.php" class="bot" title="'+OnlineIP+'">&nbsp;, Baidu[bot]</a>')};
if(OnlineIP.indexOf('220.181.') != -1) {$('li#onlinelist.item5 span:first').append('<a href="/online.php" class="bot" title="'+OnlineIP+'">&nbsp;, Baidu[bot]</a>')};
if(OnlineIP.indexOf('123.125.') != -1) {$('li#onlinelist.item5 span:first').append('<a href="/online.php" class="bot" title="'+OnlineIP+'">&nbsp;, Baidu[bot]</a>')};
if(OnlineIP.indexOf('208.115.111.') != -1) {$('li#onlinelist.item5 span:first').append('<a href="/online.php" class="bot" title="'+OnlineIP+'">&nbsp;, Ezooms[bot]</a>')};
if(OnlineIP.indexOf('194.67.') != -1) {$('li#onlinelist.item5 span:first').append('<a href="/online.php" class="bot" title="'+OnlineIP+'">&nbsp;, Aport[bot]</a>')};
$('a.bot').css({'color':'#9E8DA7','text-decoration':'none'});
}); } });
$('div#pun-online td.tcl a:contains("Гость")').map(function () {
OnIP=$(this).attr('title');
if(OnIP.indexOf('95.108.') != -1) {$(this).html('Yandex[bot]').css('color','#9E8DA7')};
if(OnIP.indexOf('77.88.') != -1) {$(this).html('Yandex[bot]').css('color','#9E8DA7')};
if(OnIP.indexOf('93.158.') != -1) {$(this).html('Yandex[bot]').css('color','#9E8DA7')};
if(OnIP.indexOf('66.249.') != -1) {$(this).html('Google[bot]').css('color','#9E8DA7')}; 
if(OnIP.indexOf('94.100.') != -1) {$(this).html('Mail[bot]').css('color','#9E8DA7')};
if(OnIP.indexOf('217.69.134.') != -1) {$(this).html('Mail[bot]').css('color','#9E8DA7')};
if(OnIP.indexOf('217.69.136.') != -1) {$(this).html('Mail[bot]').css('color','#9E8DA7')};
if(OnIP.indexOf('81.19.') != -1) {$(this).html('Rambler[bot]').css('color','#9E8DA7')};
if(OnIP.indexOf('67.195.') != -1) {$(this).html('Yahoo![bot]').css('color','#9E8DA7')};
if(OnIP.indexOf('72.30.') != -1) {$(this).html('Yahoo![bot]').css('color','#9E8DA7')};
if(OnIP.indexOf('74.6.') != -1) {$(this).html('Yahoo![bot]').css('color','#9E8DA7')};
if(OnIP.indexOf('202.160.') != -1) {$(this).html('Yahoo![bot]').css('color','#9E8DA7')};
if(OnIP.indexOf('207.46.') != -1) {$(this).html('Bing[bot]').css('color','#9E8DA7')};
if(OnIP.indexOf('65.52.') != -1) {$(this).html('Bing[bot]').css('color','#9E8DA7')};
if(OnIP.indexOf('65.55.') != -1) {$(this).html('Bing[bot]').css('color','#9E8DA7')};
if(OnIP.indexOf('157.55.') != -1) {$(this).html('Bing[bot]').css('color','#9E8DA7')};
if(OnIP.indexOf('119.63.') != -1) {$(this).html('Baidu[bot]').css('color','#9E8DA7')};
if(OnIP.indexOf('123.125.') != -1) {$(this).html('Baidu[bot]').css('color','#9E8DA7')};
if(OnIP.indexOf('220.181.') != -1) {$(this).html('Baidu[bot]').css('color','#9E8DA7')};
if(OnIP.indexOf('66.235.') != -1) {$(this).html('Ask[bot]').css('color','#9E8DA7')};
if(OnIP.indexOf('208.115.111.') != -1) {$(this).html('Ezooms[bot]').css('color','#9E8DA7')};
if(OnIP.indexOf('194.67.') != -1) {$(this).html('Aport[bot]').css('color','#9E8DA7')};});
</script>





<script type="text/javascript" src="http://i.liveforums.ru/f/ru/liveforums/ff.js"></script>
<script type="text/javascript">
// Настрой свой форум на http://LiveForums.ru/setting-forum.html
ActiveTopics = 10;
ActiveTopicsName = 'Активные темы форума';
FullStat = 1;
InfoPanel = 1;
InfoTablo = 1;
CloseCategory = 1;
SocioButtons = 1;
UsersLatest = 1;
HideUrl = 1;
HidePicture = 1;
HideProfail = 1;
UpScroll = 1;
LoadFail = 1;
FullColor = 1;
WarningPoll = 1;
MessageHotkey = 1;
SpoilerInfoAutor = 1;
NullAvatar = 'http://i.liveforums.ru/f/ru/liveforums/null_avatar.png';
SelectCode = 1;
YandexPlayer = 1;
HideVideo = 1;
ExitSession = 1;
NoticeNewMessage = 1;
</script>

<script src="http://hostjs-mybb2011.narod.ru/js/CheatUsersOnline.js"></script>