работа над кодами

http://icons.defmix.ru/page1/defmix_872.png     смайл модерка

background-image: url("http://icons.defmix.ru/page1/defmix_872.png"); вот сюда вставлять

http://www.imageup.ru/img39/3320227/681219951.jpg

http://www.imageup.ru/img39/3320227/681219951.jpg  корона ссылка
background-image: url("http://www.imageup.ru/img39/3320227/681219951.jpg"); королева код короны

.chatMessage > span {
/* Выделенное сообщение пользователя (не VIP) */
background-color: #d7d7d7;
font-size: 16pt;
border-radius: 10px;
} выделенное сообщение размер шрифта

http://icons.defmix.ru/sort/9/317.png

http://www.kalipsoua.com/wp-content/uploads/1366x768-7.jpg вставка в приват фон привата это надо сделать так
.chatPrivateMessages {
background-image: url("http://www.kalipsoua.com/wp-content/uploads/1366x768-7.jpg");
background-size: cover
opacity:1;
}

http://www.webdesign-klamonfra.de/bilder/adler.gif



https://99px.ru/sstorage/86/2019/02/image_862102191202209283532.gif фон входа чата

chatFull .transparent {
background-color: #fff; /* цвет фона */
background-image: url('https://99px.ru/sstorage/86/2019/02/image_862102191202209283532.gif');
background-position: 50% 50%; /* положение картинки по центру слева и сверху */
background-size: cover; /* растянуть изображение на весь экран */
opacity:1; /* видимость картинки, 0.5 - полупрозрачная */
} тут вход в чат  фон

http://specpm.ru/fons/icons-woman.png такие ссылки можно поменять на девочек мальчиков в чате на никах

http://x-lines.ru/glitter/g/079/029/45/0/4nqpbxstodeadwf44n9pbqjy4na7dygozdemq.gif

морскй бриз
делается так .chatHeader {
background-image: url(//x-lines.ru/glitter/g/079/029/45/0/4nqpbxstodeadwf44n9pbqjy4na7dygozdemq.gif);
background-position: center center;
background-repeat:no-repeat;
}

http://www.kalipsoua.com/wp-content/uploads/1366x768-7.jpg фон в привате
.chatPrivateMessages {
background-image: url("http://www.kalipsoua.com/wp-content/uploads/1366x768-7.jpg");
background-size: cover
opacity:1;
}


http://liubavyshka.ru/_ph/149/2/38768503.gif?1553683307  дельфин

background-image: url("http://liubavyshka.ru/_ph/149/2/38768503.gif?1553683307");сюда вставляется дельфин

http://specpm.ru/fons/kursor02-off.png  ссылка на курсор
.chat{
cursor: url("http://specpm.ru/fons/kursor02-off.png"), default;
}
http://www.webdesign-klamonfra.de/bilder/adler.gif летящий орел

сюда вставляется
/* Летящий орел ChaTemplate (с) 2018 */
.chatMain::before {
position: absolute;
top: 30%; /* делаем выше - ниже */
width: 60px;
height: 50px;
content: '';
background: url(http://www.webdesign-klamonfra.de/bilder/adler.gif) 0 0 no-repeat;
background-size: 60px;
animation: adler 30s infinite linear;

https://99px.ru/sstorage/86/2019/02/image_862102191202209283532.gif

картинка вход на чат {
background-color: #fff; /* цвет фона */
background-image: url('https://99px.ru/sstorage/86/2019/02/image_862102191202209283532.gif');
background-position: 50% 50%; /* положение картинки по центру слева и сверху */
background-size: cover; /* растянуть изображение на весь экран */
opacity:1; /* видимость картинки, 0.5 - полупрозрачная */
}

{
display: inline-block;
padding-left: 100%;
-webkit-animation: scroll 5s infinite linear;
-moz-animation: scroll 5s infinite linear;
animation: scroll 5s infinite linear;
} скорость бегущей строки

http://x-lines.ru/glitter/g/079/029/45/0/4nqpbxstodeadwf44n9pbqjy4na7dygozdemq.gif

https://online-letters.ru/letters/cyrillic/script/3.html шрифты
http://www1.flamingtext.ru/net-fu/jobs/26081557056409121.html

http://www1.flamingtext.ru/net-fu/jobs/26081557056409121.html
https://www.liveinternet.ru/users/griwunjka/post306195269 пишем красиво

1.
.smilesBox::-webkit-scrollbar,
.chatMessages.vscrollable::-webkit-scrollbar,
.chatPrivateMessages.vscrollable::-webkit-scrollbar {
width: 6px;
}
.smilesBox::-webkit-scrollbar-thumb,
.chatMessages.vscrollable::-webkit-scrollbar-thumb,
.chatPrivateMessages.vscrollable::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #8A5520;
border-radius: 6px;
}
.smilesBox::-webkit-scrollbar-thumb:hover,
.chatMessages.vscrollable::-webkit-scrollbar-thumb:hover,
.chatPrivateMessages.vscrollable::-webkit-scrollbar-thumb:hover {
background-color: #999;
}
.smilesBox img {
max-width: 220px;
max-height: 220px;
border:0;
}
.smilesBox, .hover {
background-image: url(ru/imgbig/wallpaperswww.wallpage__21091.jpg);
background-position: center center;
background-repeat:no-repeat;
background-size: 100% 100%;
padding:5px 0px 0px 10px;
border: 1px solid #;
border-radius:60px 60px 10px 10px;
box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #c79900, 0 0 5px #ffe799, 0 0 6px #ffe799, 0 0 7px #ffe799, 0 0 10px #ffe799;
}

.smilesBox {
width: 1000px;
}
2.
.chatPeople ul.chatPeopleList li a.chatUserSex0 b {
background:transparent url("http://specpm.ru/fons/icons-noname.png") no-repeat 0 0;
}

.chatPeople ul.chatPeopleList li a.chatUserSex1 b {
background:transparent url("http://specpm.ru/fons/icons-man.png") no-repeat 0 0;
}

.chatPeople ul.chatPeopleList li a.chatUserSex2 b {
background:transparent url("http://specpm.ru/fons/icons-woman.png") no-repeat 0 0;
}
4.

.chatTopLine {
border-radius:10px;
}

.chatSendButton {
border-radius:10px;
}
.chatMessage {
font-family: cursive;
}

.mod-icon {
background-image: url("http://icons.defmix.ru/page1/defmix_872.png");
}
.adm-icon {
background-image: url("http://www.imageup.ru/img39/3320227/681219951.jpg");
}
.chatMessage > span {
/* Выделенное сообщение пользователя (не VIP) */
background-color: #d7d7d7;
font-size: 16pt;
border-radius: 10px;
}


/* Кнопка отправки сообщения */
.chatSendButton {
background-color: #005951; /* Цвет фона */
border-radius: 25px; /* Закругление */
border: 2px solid rgba(255, 255, 255, 0.4); /* Граница (кайма) */
}
/* Кнопка отправки сообщения при наведении */
.chatSendButton:hover {
background-color: #00a650; /* Цвет фона */
transition: .3s; /* Плавность смени цвета фона */
}
/* Кнопка отправки сообщения при нажатии */
.chatSendButton:active {
background-color: #5e5ca7; /* Цвет фона */
}
.chatTitle {
display: none;
}
.smilesBox {
background-color: rgba(70, 212, 224, 0.93);
position: absolute;
left: 0;
top: 0;
width: 900px;
height: 250px;
overflow: auto;
z-index: 100;
}
.chatUserFrom::before {
width: 16px;
height: 16px;
background-image: url("//icons.defmix.ru/sort/9/317.png");
display: inline-block;
content: "";
vertical-align: middle;
margin-right: 3px;
}
.chatHeader {
background-image: url( http://x-lines.ru/letters/i/cyrillicscript/0312/203b7e/30/0/4ntpbggoueopbeso1dejw.png);
background-position: center center;
background-repeat:no-repeat;
}

.chatPrivateMessages {
background-image: url("http://www.kalipsoua.com/wp-content/uploads/1366x768-7.jpg");
background-size: cover
opacity:1;
}
.chatMessage strong {
/* Выделенное сообщение Админа чата */
background-color: #e1e1e1;
font-size: 16pt;
border-radius: 10px;
}
.chatMessage, > span {
background-color: #e1e1e1;
border-radius: 10px;
}
.chatUserAway[title="Не беспокоить"] .chatUserWrapper {
opacity: 2;position: absolute;
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}.chatUserAway[title="Отошел"], .chatPeople ul.chatPeopleList li[title="Отошел"].hover {
display: none;.chatUserAway[title="Отошел"] .chatUserWrapper
display: none;}
.chatPeople {
background-image: url("http://liubavyshka.ru/_ph/149/2/38768503.gif?1553683307");
background-position:center bottom ;border-radius: 20px 20px 20px 20px;
background-repeat:no-repeat;
background-size:
border-image-width: 9px;
border-image-source: url();
border-image-slice: 30;
border-image-repeat: stretch;
box-shadow: -7px 7px 7px -7px #333;
}

.chatTabs ul li a {
font-size: 16pt; /* меняет размер шрифта (рекомендуемый мин. 8pt, макс. 16pt) */
}
.chat{
cursor: url("http://specpm.ru/fons/kursor02-off.png"), default;
}

/* Летящий орел ChaTemplate (с) 2018 */
.chatMain::before {
position: absolute;
top: 30%; /* делаем выше - ниже */
width: 60px;
height: 50px;
content: '';
background: url(http://www.webdesign-klamonfra.de/bilder/adler.gif) 0 0 no-repeat;
background-size: 60px;
animation: adler 30s infinite linear;
}
@keyframes adler {
from{transform: scale(.3) translate3d(-1500px,0,0)}
to{transform: scale(.9) translate3d(2000px,0,100px)}
}
.chatFull .transparent {
background-color: #fff; /* цвет фона */
background-image: url('https://99px.ru/sstorage/86/2019/02/image_862102191202209283532.gif');
background-position: 50% 50%; /* положение картинки по центру слева и сверху */
background-size: cover; /* растянуть изображение на весь экран */
opacity:1; /* видимость картинки, 0.5 - полупрозрачная */
}

повтор кода тик так

.chatMessage strong {
/* Выделенное сообщение Админа чата */
background-color: #e1e1e1;
font-size: 16pt;
border-radius: 10px;
} выделенное сообщение шрифта



.chatMessage > span {
/* Выделенное сообщение пользователя (не VIP) */
background-color: #d7d7d7;
font-size: 16pt;
border-radius: 10px;
} выделанное сообщение пользователя

/* Летящий орел ChaTemplate (с) 2018 */
.chatMain::before {
position: absolute;
top: 30%; /* делаем выше - ниже */
width: 60px;
height: 50px;
content: '';
background: url(http://www.webdesign-klamonfra.de/bilder/adler.gif) 0 0 no-repeat;
background-size: 60px;
animation: adler 30s infinite linear;
} и так поняно летящий орел летит в чате

.chatMain .chatPeople {
background-image: url("http://forumsmile.ru/u/6/7/4/6743d9ac7dcdcd3cda3e9602a61efbb7.gif");
background-position: bottom center;
background-repeat: no-repeat;
} это угол чата с ссылкой на снеговика

http://forumsmile.ru/u/6/7/4/6743d9ac7dcdcd3cda3e9602a61efbb7. эту ссылку всиаыляем

/* Шапка чата */
.chatHeader {
background-image:url(https://i.ibb.co/K055BwW/img.png),url(https://i.ibb.co/8zL2wM4/ezgif-1-229951b34b.gif);
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;
} ссылка на шапку
background-image:url(https://i.ibb.co/K055BwW/img.png) вот эта часть ссылки во внутрь

https://st1.chatovod.com/img?url=https%3A%2F%2Fi.ibb.co%2Fdp3xS1f%2Fscreen02.jpg&key=141b542f4d2459d09d497d599067ea6e

https://st1.chatovod.com/img?url=https%3A%2F%2Fi.ibb.co%2Fns0d5zn%2Fscreen03.jpg&key=e47dbe51e2f9dd007de02017c8175a13