Екатерина Капля (29.11.2020 01:55):
.chatPeople.vscrollable{
  background: url(http://i040.radikal.ru/0908/37/c1d640234ab0.gif);background-position: bottom;
background-repeat:no-moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto; /* Путь к файлу с исходным рисунком */
  display: block; /* Рисунок как блочный элемент */
  width: 100% auto;  /* Ширина рисунка */
  height: 100% auto;  /* Высота рисунка */

  }
  .chatPeople.vscrollable:hover{
  background: url(
https://img-fotki.yandex.ru/get/15549/1 … f3e3_S.gif
);background-size: 100% auto; /* Путь к файлу с заменяемым рисунком */
  }

Екатерина Капля (29.11.2020 01:55):
два рисунка с правой стороны

Екатерина Капля (29.11.2020 01:51):
#join-chat-button:hover {
    border-radius: 50%;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

#join-chat-button {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#join-chat-button, #join-chat-button2 {
    background: transparent url("
http://imgs.su/users/70140/1489601917.gif
") no-repeat scroll 0 0;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 100% 110%;
    border-radius: 25px 25px 25px 25px;
    box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #00FF00, 0 0 5px #F5DA81, 0 0 6px #F5DA81, 0 0 7px #F5DA81, 0 0 10px #F5DA81;
}

.chatUserMenu {
    padding: 8px 0 12px 0;
    width: 145px;
    overflow: hidden;
}

.chatPeople .chatPeopleTitle {
    height: 22px;
    width: 179px;
}

Екатерина Капля (29.11.2020 01:52):
красивая трехмерная кновка  войти  в чатик

Екатерина Капля (05.11.2020 19:20):
.chatHeader .chatTitle {
  font-size: 26px; /* максимально рекомендуемый размер */
  margin-top: 7px; /* делаем отступ сверху */
}

.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; }

.chatHeader .chatTopLine {
    border-radius: 6px;
    border-radius: 6px;
}
.chatTopLineWrapper > ul > li:first-child > a {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.chatTopLineWrapper > ul > li:last-child > a {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
body:not(.has-nick) .chatTopLineWrapper > ul > li:nth-child(2) > a {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.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: #C0C0C0 } }

.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;}

.chatPeople {background-image:url("
https://i.ibb.co/b1hXKn5/ezgif-6-8c163374439e.gif
"); background-repeat:no-repeat; background-position:1px 370px;color: #FFFFFF

Екатерина Капля (23.02.2021 21:12):
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
");
}

/* Кнопка отправки сообщения */
.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/cyrillicscr … o1dejw.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, > 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( );
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: 12pt; /* меняет размер шрифта вверху, где слово общий (рекомендуемый мин. 8pt, макс. 16pt) */
}

.chat{
cursor: url("http://specpm.ru/fons/kursor02-off.png"), default;
}

@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/ima … 83532.gif'
);
background-position: 50% 50%; /* положение картинки по центру слева и сверху */
background-size: cover; /* растянуть изображение на весь экран */
opacity:1; /* видимость картинки, 0.5 - полупрозрачная */
}
.chatHeader .chatHeaderWrapper:after { content:"Добро пожаловать в чат "ТИК ТАК!"; font-family: a_AlgeriusBlw; font-size: 11px; color:#FF6600; letter-spacing: 2px; position: absolute; top:80%; left:0px; bottom:0; right:0px; z-index: 1; -webkit-animation: l1_animation 40s linear infinite; -moz-animation: l1_animation 40s linear infinite; } @-webkit-keyframes l1_animation { 0%{left:100%;} 100%{left:-100%;} } @-moz-keyframes l1_animation { 0%{left:100%;} 100%{left:-100%;} }
/*Бегущая строка в футере чата*/

.chatFooter .chatFooterWrapper:after { content:"Добро пожаловать в чат "ТИК ТАК", "; font-family:arial; font-size: 11px; color:#FF0099; letter-spacing: 2px; position: absolute; top:80%; left:0px; bottom:0; right:0px; z-index: 1; -webkit-animation: l1_animation 40s linear infinite; -moz-animation: l1_animation 40s linear infinite; }
@-webkit-keyframes l1_animation { 0%{left:100%;} 100%{left:-100%;} }
@-moz-keyframes l1_animation { 0%{left:100%;} 100%{left:-100%;} }

Екатерина Капля (24.02.2021 00:04):

border-radius:30px 15px 30px 15px;
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;
}
/*РАМКА НА СМАЙЛЫ-16*/
.chatPopupMenuDiv1 {

     background: linear-gradient(168deg, #3060a0, #a3cddd, #afefbf);
     border-radius: 0px;
}.chatPopupMenuDiv2 {

     background: linear-gradient(168deg, #3060a0, #a3cddd, #afefbf);
     height: 100px;
     margin-left: 10px;
     border-radius: 0px;
}.smilesBox p {

     font-size: 18pt;
     margin-left: 20pt;
     margin-bottom: 0pt;
     color: #ffffcc;
}.smilesBox {

     background-image:url(
https://images.wallpaperscraft.ru/image … 80x720.jpg
);
     width: 65%;
     margin-left: -15pt;
     border-radius: 0px;
}
.chatUserVip {
    background: transparent url("
https://s8.hostingkartinok.com/uploads/ … 34d6cb.gif
") no-repeat scroll 0 0;
background-size:100% 100%;
background-position: center center;

border-image-width: 2px;
border-image-source: url(
);
border-image-slice: 30;
border-image-repeat: stretch;
}

Екатерина Капля (19.01.2022 20:07):
/*фон чата */
.chatMain {
background-image: url(
https://catherineasquithgallery.com/upl … opa-19.jpg
);
background-position: center center;
background-repeat:no-repeat;
background-size: 100% 100%;
}
/*Текст в чате*/ .chatMain .chatMessages, .chatMain .chatPrivateMessages { font-family: serif; font-weight: bold; font-size:28px; text-Marker Felt, fantasy: 1px 1px 0 #000; } div { border-radius: 10px; } Радиус скругления для всех уголков сразу. div { border-radius: 0 10px; } Первое значение устанавливает радиус левого верхнего и правого нижнего уголка, второе значение — для правого верхнего и левого нижнего. div { border-radius: 20px 10px 0; } Первое значение задаёт радиус левого верхнего уголка, второе — одновременно правого верхнего и левого нижнего, а третье значение — правого нижнего. div { border-radius: 20px 10px 5px 0; } в чат ставится какойнибуть один из ЧЕТЫРЁХ кодов
/* всем жирный шрифт */ .chatMessage{ font-weight: bold; }

/* Строка ввода текста в чат */
.chatSendText.chatInputText {
border-style: inset;
border-width: 1px;
background-color: #ffffff;
font-size: 12pt;
color: #8B0000;
border-radius:7px;
}
/*РАЗМЕР НИЖНИХ ССЫЛОК-06*/
.chatFooter .chatFooterWrapper .chatPanel .chatSendLinksPanel {
    position: absolute;
    left: 16px;
    top: 7px;
    font-weight: normal;
    font-size: 12pt;
    z-index: 99;
}
.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; }
.chatPeople {
    background-image: url(
https://images.wallpaperscraft.ru/image … 00x168.jpg
http://imgs.su/users/70140/1488814776.gif
http://animashki.info/uploads/posts/201 … _2069.gif'
https://images.wallpaperscraft.ru/image … 00x168.jpg
);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 100%;
}
/*КНОПКА МЕНЮ ЧАТА-ap*/
.chatTopLine {
background-image: url("адрес картинки ");
background-position: center center;
background-repeat: repeat;
background-size: 100% 100%;
font-family: bold;
font-style: normal;
font-size: 12pt;
color: #fff;
padding:0 10px 0 10px;
border: 1px solid #;
border-radius:10px 10px 10px 10px;
box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #C684C0, 0 0 5px #FFD1CD, 0 0 6px #FFD1CD, 0 0 7px #FFD1CD, 0 0 10px #FFD1CD;
}
/*Фон в привате*/

.chatMain .chatPrivateMessages {
background-image: url("
");
background-position: left top;
background-repeat:no-repeat;
background-size: 100% 100%;

border-image-width: 3px;
border-image-source: url(
);
border-image-slice: 30;
border-image-repeat: stretch;
box-shadow:  -6px 6px 7px -4px #333;
}
/*Мигание ников*/

.chatMessageToMe .chatToUser {

padding: 0px 10px 0px 10px;
    background: Violet;
    position: relative;
    /* Chrome, Safari, Opera */
    -webkit-animation-name: myfirst;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: myfirst;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 4s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
border-radius:3px;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    0%   {background:DeepSkyBlue ;}
    25%  {background:lightblue;}
    50%  {background:DarkViolet ;}
    75%  {background:DeepSkyBlue ;}
    100% {background:Red;}
}

/* Standard syntax */
@keyframes myfirst {
    0%   {background:DeepSkyBlue ;}
    25%  {background:Violet;}
    50%  {background:DarkViolet ;}
    75%  {background:DeepSkyBlue ;}
    100% {background:Red;}
}

/*Замена короны на свою иконку*/ .adm-icon { /* администратор */ background-image: url('
); background-size: 32px; /* если картинка большая уменьшаем до 32px */ } .mod-icon { /* модератор */ background-image: url('https://avatars.mds.yandex.net/get-pdb/1050037/45d47f93-1bbc-4767-833b-32c5bb34d647/s1200?webp=false'); background-size: 18px; /* если картинка большая уменьшаем до 18px */ } /*корона в общем окне рядом с ником администратора/*
/*кнопки: общий и приват*/
.chatTabs > ul > li.chatTab.chatTabActive > a, .chatTabs > ul > li.chatTab > a:hover, .chatTabs > ul > li.chatTab > a.active {
    background-image: url("");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 5px 5px 5px 5px;
    font-size: 17pt;
    font-family: ;
    color: #FFFF00;
    font-style: normal;
    border: 1px solid #000080;
}
.chatTabs > ul > li.chatTab > a {
    background-image: url("
");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 5px 5px 5px 5px;
    font-size: 17pt;
    font-family: ;
    color: #FFFFFF;
    font-style: normal;
    border: 1px solid #4040A0;
}
/*Выделение пунктов меню, в меню справа в верху*/

.chatTopLineWrapper > ul > li > ul > li > a:hover {
background-color: #65E5E6;
opacity: 1;
}

.chatTabs ul li a {
    font-size: 14pt; /* меняет размер шрифта (рекомендуемый мин. 8pt, макс. 16pt) */
}
.chatTabs > ul > li.chatTab > a.active {
  -webkit-animation: blink 1s infinite;
  animation: blink 1s infinite;
}
@keyframes blink {
  0% {opacity: 0}
  49%{opacity: 0}
  50% {opacity: 1}
}
/*Кнопки общей и приват комнате*/

.chatTabs > ul > li.chatTab.chatTabActive > a, .chatTabs > ul > li.chatTab > a:hover,
.chatTabs > ul > li.chatTab > a.active {
background-image: url("
https://imageup.ru/img289/3717137/pack453-1-1-1.png
https://i.ibb.co/30D4kbd/4nt1bwfb4nepb8 … bqfazy.png
https://i.ibb.co/Rp0Nw1t/ezgif-6-3ab519a811.gif
");
background-position: center center;
background-repeat: no-repeat;
background-size: 100% 100%;
border-image-width: 5px;
border-image-source: url(
);
border-image-slice: 30;
border-image-repeat: stretch;
border-radius: 5px;

}

.chatTabs > ul > li.chatTab > a {
background-image: url("
");
background-position: center center;
background-repeat: no-repeat;
background-size: 100% 100%;

border-image-width: 5px;
border-image-source: url(
);
border-image-slice: 30;
border-image-repeat: stretch;
border-radius: 5px;
}
/*ОБВОДКА НИКА РАМОЧКОЙ-15*/

.chatPeople ul.chatPeopleList li { text-Marker Felt, fantasy: 0px: 1px 0 #000; background-color: transparent; background-image: url(" "); background-position: right 0 bottom 0; background-repeat: no-repeat; background-size: 150% auto; border: 2px solid #fff; border-radius: 8px; box-shadow:1px 1px 6px #000,-1px -1px 1px #fff; }.chatTabs ul { text-Marker Felt, fantasy: 0px 1px 0 #000; background-color: transparent; background-image: url(""); background-position: right 0 bottom 0; background-repeat: no-repeat; background-size: 100% auto; border: 2px solid #fff; border-radius: 5px; box-shadow:1px 1px 18px #000,-1px -1px 1px #fff; }
О
.chatPeople { background-image: url(""); background-position: bottom; background-repeat: repeat-x; background-size: 100% }
/* стиль выделения ника пользователя */
.chatMessageToMe .chatToUser {
    background-image: url();
    color: #000080;
    font-weight: normal;
    padding: 0 10px 0 10px;
    border: 2px solid #4C4F92;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 7px #ffe799;
}

.chatPeople ul.chatPeopleList li {
    background-image: url();
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-weight: bold;
    font-weight: bold;
    padding: 6
px
5
px
6
px
5
px
;
    border: 1
px
solid #2E972E;
    border-radius: 10
px
;
    box-shadow: inset rgb(0 0 0 / 20%) 0 3px 8px, inset rgb(252 255 255 / 30%) 0 3px 8px, rgb(0 0 0 / 50%) 0 3px 8px 3px;
}
user agent stylesheet
li {
    text-align: -webkit-match-parent;
}
.chatPeople ul.chatPeopleList {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
user agent stylesheet
ul {
    list-style-type: disc;
}
.chat, .chatMain {
    cursor: url(
), auto;
}
.chat {
    font-family: 'Kurale', serif;
}
.chat {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    font: normal 14
pt
Arial;
    overflow: hidden;
}
.chat {
    font-family: 'Kurale', serif;
}
.chat {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    font: normal 10
pt
Arial;
    overflow: hidden;
}
body {
    color: #0d010d;
}
body {
    color: #5d5b53;
}
body {
    margin: 0;
    padding: 0;
    border: 0;
    height: 100%;
    color: #000000;
    background-color: #ffffff;
}

.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;}
.chatHeader{
height:45px;
width:100%;
position: relative;
background-image: url("
"), url("
");
background-position: bottom 1px left 0,
bottom left 50%, left 0px bottom;
background-repeat: no-repeat, no-repeat, repeat-x ;
background-size: auto 100%,auto 100%,102% 100%;

НОВГОДНЕЕ ОФОРМЛЕНИЕ ЧАТИКА 2022

Екатерина Капля (04.06.2021 22:10):
/*шапка чата*/
.chatHeader {
background-image: url(
);
background-position: center center;
background-repeat:no-repeat;
background-size: 100% 100%;
font-size: 0pt;
}
/*фон чата */
.chatMain {
background-image: url(
https://static7.depositphotos.com/10536 … ground.jpg
);
background-position: center center;
background-repeat:no-repeat;
background-size: 100% 100%;
}
/*нижняя строка чата*/
.chatFooter {
    background-image: url("
");
    background-position: center center;
    background-repeat:no-repeat;
    background-size: 100% 100%;
}
/*курсор*/
.chat {
    cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur118.cur ), default;
}
/* Строка ввода текста в чат */
.chatSendText.chatInputText {
border-style: inset;
border-width: 3px;
background-color: #ffffff;
font-size: 12pt;
color: #0000f0;
border-radius:5px; 
}
.chatMain .chatMessages, .chatMain .chatPrivateMessages {
   font-family: Georgia;
   font-size: 13pt;
   font-weight: 400;
   font-style: italic;
   font-stretch: ultra-expanded;
}
/* Время сообщений */
.chatTime {
    float: right;
    padding-right: 8px;
    color: #060d67;
    font-size: 9pt;
    visibility: hidden;
    font-style: normal;
}
.chatTime {
    visibility: inherit;
}
.chatTime {
    float: left;
}
/*кнопки: общий и приват*/
.chatTabs > ul > li.chatTab.chatTabActive > a, .chatTabs > ul > li.chatTab > a:hover, .chatTabs > ul > li.chatTab > a.active {
    background-image: url("
");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 5px 5px 5px 5px;
    font-size: 9pt;
    font-family: ;
    color: #FFFF00;
    font-style: normal;
    border: 1px solid #000080;
}
.chatTabs > ul > li.chatTab > a {
    background-image: url("
");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 5px 5px 5px 5px;
    font-size: 9pt;
    font-family: ;
    color: #FFFFFF;
    font-style: normal;
    border: 1px solid #4040A0;
}
/* кнопки верхней правой части шапки  */
.chatTopLine {
    background-image: url("
");
    background-position: center center;
    background-repeat: repeat;
    background-size: 100% 100%;
    color: #fff;
    padding: 0 3px 0 3px;
    border: 1px solid #;
    border-radius: 5px 5px 5px 5px;
}
user agent stylesheetdiv {
    display: block;
}
/* кнопка отправить */
.chatPanel .chatSendButtonPanel .chatSendButton {
    font-size: 9pt;
    color:#000000;
    border-style: outset;
    border-width: 1px;
    border-color: #ffffff;
    background-image: url(
);
    border-radius:5px ; /* Остальные */
   -webkit-border-radius:5px ; /* safari */
   -moz-border-radius:5px ; /* firefox */
   cursor: pointer;
}
/* кнопка онлайн */
.chatSendExitPanel select {
    font-size: 9pt;
    color:#000000;
    width: 80%;
    border-style: outset;
    border-width: 1px;
    border-color: #ffffff;
    background-image: url(
);
    border-radius:5px ; /* Остальные */
   -webkit-border-radius:5px ; /* safari */
   -moz-border-radius:5px ; /* firefox */
   cursor: pointer;
}
/* Иконка нет пола */
.chatPeople ul.chatPeopleList li a.chatUserSex0 b {
    background-image: url(
);
}
/* Иконка мужской пол */
.chatPeople ul.chatPeopleList li a.chatUserSex1 b {
    background-image: url(
);
}
/* Иконка женский пол */
.chatPeople ul.chatPeopleList li a.chatUserSex2 b {
    background-image: url(
http://specpm.ru/fons/derevo-footer.jpg
);
}
.chatMessageToMe .chatToUser {
    background-image: url(
);
    color: #1a1a1a;
    padding: 0 10px 0 10px;
    border: 3px solid #755a00;
    border-radius: 25px 25px 25px 25px;
}
/*шрифт ника*/
.chatUser {
    border: 1px solid #A1182C;
    border-radius: 15%;
    padding: 2px;
    background-color: ##FF1493;
    font-family: Monotype Corsiva;
    font-size: 16px;
}
/* Основной блок смайлов */
.chatPopupMenuDiv2, .smilesBox, .chatPeople ul.chatPeopleList li.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 5px 5px 5px;
     box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 7px #ffe799;;
}
.smilesBox {
    width:57%;
}
/* стиль выделения ника пользователя */
.chatMessageToMe .chatToUser {
    background-image: url(
);
    color: #000080;
    font-weight: normal;
    padding: 0 5px 0 5px;
    border: 2px solid #4C4F92;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 7px #ffe799;
}
/* рисунок при входе в чат */
.chatFull .transparent {
    background-image: url("
");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: -7;
}

/* Ник при входе в чат */
.chatSpecifyPassword input[type="text"] {
    background-color: #8899B8;
    border: 1px solid #FF3CB8;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 5px 4px;
    width: 100%;
    box-shadow: margin: 2em auto;
    padding: 5px;
    border: 3px dashed #A1182C;
    box-shadow: 0 0 0 1px #4275FF, inset 0 0 0 1px #A1182C;
}
/*кнопка войти в чат*/
#join-chat-button, #join-chat-button2 {
    background-image: url(
);
    border: 1px solid #;
    border-radius: 5px 5px 5px 5px;   
}
/* рисунок в правой части чата */
.chatPeople.vscrollable {
    background-image: url("
");
    background-repeat: no-repeat;
}
/* при нажатии отошел исчезает ник */
.chatUserAway[title="Не беспокоить"] .chatUserWrapper {
opacity: 2;position: absolute;
-moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
.chatUserAway[title="Отошел"], .chatPeople ul.chatPeopleList li[title="Отошел"].hover {
display: none;.chatUserAway[title="Отошел"] .chatUserWrapper
display: none;
}

/*Сколько человек в чате*/

.chatPeople .chatPeopleTitle{
    margin: 8px 0 0 0;
}
.chatPeople .chatPeopleTitle{
    height:22px;
    width:179px;
}
.chatPeople .chatPeopleTitle {
    background-image: url("ссылка");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 179px;   
    font-size: 8pt;   
    padding: 0 5px 0 10px;
}
.chatUsersCount::after {
    content: " ";
    right: 0px;
}

Екатерина Капля (03.12.2021 23:55):
/*ОБВОДКА НИКА РАМОЧКОЙ-15*/

.chatPeople ul.chatPeopleList li { text-shadow: 0px: 4px 0 #000; background-color: transparent; background-image: url(" "); background-position: right 0 bottom 0; background-repeat: no-repeat; background-size: 150% auto; border: 3px solid #fff; border-radius: 5px; box-shadow:1px 1px 6px #000,-1px -1px 1px #fff; }.chatTabs ul { text-shadow: 0px 8px 0 #000; background-color: transparent; background-image: url(""); background-position: right 0 bottom 0; background-repeat: no-repeat; background-size: 100% auto; border: 2px solid #fff; border-radius: 5px; box-shadow:1px 1px 6px #000,-1px -1px 1px #fff; }
О
.chatPeople { background-image: url("
https://gif-kartinki.ru/13/ng7.gif
"); background-position: bottom; background-repeat: repeat-x; background-size: 100% }
/* стиль выделения ника пользователя */
.chatMessageToMe .chatToUser {
    background-image: url(
http://islandlove.top/fon/sh01.jpg
http://animashki.info/uploads/posts/201 … _2069.gif'
https://images.wallpaperscraft.ru/image … 00x168.jpg
);
    color: #000080;
    font-weight: normal;
    padding: 0 5px 0 5px;
    border: 2px solid #4C4F92;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 7px #ffe799;
}
/*Замена короны на свою иконку*/ .adm-icon { /* администратор */ background-image: url('
); background-size: 32px; /* если картинка большая уменьшаем до 32px */ } .mod-icon { /* модератор */ background-image: url('https://avatars.mds.yandex.net/get-pdb/1050037/45d47f93-1bbc-4767-833b-32c5bb34d647/s1200?webp=false'); background-size: 18px; /* если картинка большая уменьшаем до 18px */ } /*корона в общем окне рядом с ником администратора/*
/*кнопки: общий и приват*/
.chatTabs > ul > li.chatTab.chatTabActive > a, .chatTabs > ul > li.chatTab > a:hover, .chatTabs > ul > li.chatTab > a.active {
    background-image: url("");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 5px 5px 5px 5px;
    font-size: 17pt;
    font-family: ;
    color: #FFFF00;
    font-style: normal;
    border: 1px solid #000080;
}
.chatTabs > ul > li.chatTab > a {
    background-image: url("
");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 5px 5px 5px 5px;
    font-size: 17pt;
    font-family: ;
    color: #FFFFFF;
    font-style: normal;
    border: 1px solid #4040A0;
}
/*Выделение пунктов меню, в меню справа в верху*/

.chatTopLineWrapper > ul > li > ul > li > a:hover {
background-color: #65E5E6;
opacity: 1;
}

Екатерина Капля (03.12.2021 23:37):
.chatMain{ background-image: url("
https://s8.hostingkartinok.com/uploads/ … 1d829a.jpg
"); background-position: left top;
background-repeat:no-repeat; background-size: 100% 100%;}.chatFooter {background:
url(
https://s8.hostingkartinok.com/uploads/ … f01176.jpg
https://s8.hostingkartinok.com/uploads/ … f01e29.jpg
) no-repeat center top fixed; -moz-background-size: 400% 400%;
auto; -webkit-background-size: 400% 400%; auto; -o-background-size:400% 400%; auto; background-size:400% 400%; auto;} .chatHeader { background-image:
url(
); background-position: bottom;
background-repeat:no-moz-background-size: 100% auto; -webkit-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100%
auto;}#join-chat-button { color: #000000;font-family: Monotype Corsiva; padding: 10px; font-size: 15px; border-radius: 5px; box-shadow: 0px 1px 3px; position:
relative; box-sizing: border-box; transition: all 500ms ease-out; } #join-chat-button:hover { box-shadow: 0px 0px 0px 2px #ee105a, 0px 0px 0px 7px #a7f9c9, 0px
0px 0px 9px #f90914, 0px 0px 5px 10px #ff4d00; }#join-chat-button2 { color: #000000;font-family: Monotype Corsiva; padding: 10px; font-size: 15px; border-radius:
5px; box-shadow: 0px 1px 3px; position: relative; box-sizing: border-box; transition: all 500ms ease-out; } #join-chat-button2:hover { box-shadow: 0px 0px 0px
2px #ee105a, 0px 0px 0px 7px #a7f9c9, 0px 0px 0px 9px #f90914, 0px 0px 5px 10px #ff4d00; }.chat { text-shadow: 0px 0px 0 #000; background-color: transparent;
background-image: url("адрес картинки ");/*Картинку анимации можно свою ставить */ background-position: right 0 bottom 0; background-repeat: no-repeat;
background-size: 150% auto; border: 5px solid #fff; border-radius: 50px 50px 50px 50px;/*настройка скругления*/ box-shadow:1px 1px 6px #000,-1px -1px 1px #fff;
}.chatMain { border-radius: 25px; font-family: Arial Black; 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; }.chatPeople .chatPeopleTitle { color: #ff0000; font-size: 12pt; text-shadow: 1%; margin: 14px 0 4px 8px; font-family: Monotype
Corsiva; }.chatFull .transparent{ background: url(https://im0-tub-ru.yandex.net/i?id=67f9 … &w=344) no-repeat center top
fixed; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto;}.chatFooter
.chatFooterWrapper .chatPanel div.chatSoundPanel { text-shadow: 0px 1px 0 #000; background-color: transparent; background-image:
url("
https://s8.hostingkartinok.com/uploads/ … ca32fc.png
https://www.askwallpapers.com/pic/20150 … -27531.jpg
https://s8.hostingkartinok.com/uploads/ … 00433c.gif
"); background-position: right 0 bottom 0; background-repeat:
no-repeat; background-size: 150% auto; border: 2px solid #fff; border-radius: 8px; box-shadow:1px 1px 6px #000,-1px -1px 1px #fff; }.chatFooter
.chatFooterWrapper .chatPanel .chatSendTextPanel .chatSendText { text-shadow: 0px 1px 0 #000; background-color: transparent; background-image: url(" ");
background-position: right 0 bottom 0; background-repeat: no-repeat; background-size: 150% auto; border: 2px solid #fff; border-radius: 8px; box-shadow:1px 1px
6px #000,-1px -1px 1px #fff; }#chatUserMiniMenu { text-shadow: 0px 1px 0 #000; background-color: transparent; background-image:
url("
"); background-position: right 0 bottom 0; background-repeat:
no-repeat; background-size: 150% auto; border: 2px solid #fff; border-radius: 8px; box-shadow:1px 1px 6px #000,-1px -1px 1px #fff; }.chatPeople ul.chatPeopleList
li { text-shadow: 0px 1px 0 #000; background-color: transparent; background-image:
url("
https://s8.hostingkartinok.com/uploads/ … 44f2bd.gif
http://liubavyshka.ru/_ph/115/2/752411175.gif
"); background-position: right 0 bottom 0; background-repeat:
no-repeat; background-size: 150% auto; border: 2px solid #fff; border-radius: 8px; box-shadow:1px 1px 6px #000,-1px -1px 1px #fff; }.chatTabs ul { text-shadow:
0px 1px 0 #000; background-color: transparent; background-image:
url("
"); background-position: right 0 bottom 0; background-repeat:
no-repeat; background-size: 100% auto; border: 2px solid #fff; border-radius: 5px; box-shadow:1px 1px 6px #000,-1px -1px 1px #fff; }.chatTopLineWrapper ul li{
text-shadow: 0px 1px 0 #000; background-color: transparent; background-image: url("

"); background-position: right 0 bottom 0; background-repeat: no-repeat; background-size: 100% auto; border: 2px solid #fff; border-radius: 5px; box-shadow:1px
1px 6px #000,-1px -1px 1px #fff; }.chatMessageToMe .chatToUser { padding: 0px 10px 0px 10px; background: Violet; position: relative; /* Chrome, Safari, Opera */
-webkit-animation-name: myfirst; -webkit-animation-duration: 5s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 4s;
-webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; /* Standard syntax */ animation-name:
myfirst; animation-duration: 5s; animation-timing-function: linear; animation-delay: 4s; animation-iteration-count: infinite; animation-direction: alternate;
animation-play-state: running; border-radius:3px; }@-webkit-keyframes myfirst { 0% {background:GreenYellow ;} 25% {background:MediumBlue;} 50%
{background:DarkBlue ;} 75% {background:DarkTurquoise ;} 100% {background:OrangeRed;} }@keyframes myfirst { 0% {background:GreenYellow ;} 25%
{background:MediumBlue;} 50% {background:DarkBlue;} 75% {background: DarkTurquoise;} 100% {background:OrangeRed;} }.chatTopLineWrapper > ul > li > a:hover {
background-image: url("
"); background-position: center center;
background-repeat: no-repeat; background-size: 100% 100%; color: #fff; border-image-width: 7px; border-image-source:
url(
); border-image-slice: 25; border-image-repeat: stretch;
border-image-radius: 15px; box-shadow: 0 0 4px #f16522, 0 0 6px #f16522, 0 0 8px #fff, 0 0 10px #fff, 0 0 12px #fff; }.chatMain .chatPeople {font-style: normal;
font-size: 15pt;font-family: Monotype Corsiva; color: #000000;}.mst {font-family: Monotype Corsiva; font-style: normal;color: #0000ff; font-size: 16pt; }.user2519686::before {content: "CSS- ";color: #333;color: #ff0000;background-color: #;font-size: 75%;padding: 1px;letter-spacing: 0px;}/*
Кнопка отправки сообщения */ .chatSendButton { background-color: #777171; /* Цвет фона */ border-radius: 25px; /* Закругление */ border: 2px solid rgba(255, 255,
255, 0.4); /* Граница (кайма) */ } /* Кнопка отправки сообщения при наведении */ .chatSendButton:hover { background-color: #81c784; /* Цвет фона */ transition:
.3s; /* Плавность смени цвета фона */ } /* Кнопка отправки сообщения при нажатии */ .chatSendButton:active { background-color: #43a047; /* Цвет фона */ }/*
Кнопка отправки сообщения */ .chatSendExitPanel select { background-color: #777171; /* Цвет фона */ border-radius: 25px; /* Закругление */ border: 2px solid
rgba(255, 255, 255, 0.4); /* Граница (кайма) */ } /* Кнопка отправки сообщения при наведении */ .chatSendExitPanel select:hover { background-color: #81c784; /*
Цвет фона */ transition: .3s; /* Плавность смени цвета фона */ } /* Кнопка отправки сообщения при нажатии */ .chatSendExitPanel select:active { background-color:
#43a047; /* Цвет фона */ }/* Название чата по середине */ .chatHeaderWrapper .chatTitle { text-align: center;font-family: Monotype Corsiva; font-style: normal;
font-size: 25pt; width: 100%; }.chatPeople.vscrollable { background-image:url(
); background-position: bottom;
background-repeat:no-repeat; }

Екатерина Капля (03.12.2021 19:21):
/*фон чата */
.chatMain {
background-image: url(
);
background-position: center center;
background-repeat:no-repeat;
background-size: 100% 100%;
}
/*Текст в чате*/ .chatMain .chatMessages, .chatMain .chatPrivateMessages { font-family: serif; font-weight: bold; font-size:28px; text-Marker Felt, fantasy: 1px 1px 0 #000; } div { border-radius: 10px; } Радиус скругления для всех уголков сразу. div { border-radius: 0 10px; } Первое значение устанавливает радиус левого верхнего и правого нижнего уголка, второе значение — для правого верхнего и левого нижнего. div { border-radius: 20px 10px 0; } Первое значение задаёт радиус левого верхнего уголка, второе — одновременно правого верхнего и левого нижнего, а третье значение — правого нижнего. div { border-radius: 20px 10px 5px 0; } в чат ставится какойнибуть один из ЧЕТЫРЁХ кодов
/* рисунок в правой части чата */ .chatPeople.vscrollable { background-image: url(); background-size: 100% 20%; background-position: 20% 100%; background-repeat: no-repeat; }
.chatHeader {/* Шапка чата */background-image:url(
https://i.ibb.co/BGHBctY/4nt1bwfb4nepb8 … bqfazy.png
https://i.ibb.co/G09n36m/ezgif-7-2674b25c79cd.png
),url(
https://img1.liveinternet.ru/images/att … 385e_L.gif
https://images.wallpaperscraft.ru/image … 00x168.jpg
http://imgs.su/users/70140/1488814776.gif
https://gif-kartinki.ru/13/ng7.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;}

/* всем жирный шрифт */ .chatMessage{ font-weight: bold; }

/* Строка ввода текста в чат */
.chatSendText.chatInputText {
border-style: inset;
border-width: 3px;
background-color: #ffffff;
font-size: 12pt;
color: #0000f0;
border-radius:5px;
}
/*РАЗМЕР НИЖНИХ ССЫЛОК-06*/
.chatFooter .chatFooterWrapper .chatPanel .chatSendLinksPanel {
    position: absolute;
    left: 16px;
    top: 7px;
    font-weight: normal;
    font-size: 12pt;
    z-index: 99;
}
.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; }
.chatPeople {
    background-image: url(
);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 100%;
}
/*КНОПКА МЕНЮ ЧАТА-ap*/
.chatTopLine {
background-image: url("адрес картинки ");
background-position: center center;
background-repeat: repeat;
background-size: 100% 100%;
font-family: bold;
font-style: normal;
font-size: 12pt;
color: #fff;
padding:0 10px 0 10px;
border: 1px solid #;
border-radius:10px 10px 10px 10px;
box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #C684C0, 0 0 5px #FFD1CD, 0 0 6px #FFD1CD, 0 0 7px #FFD1CD, 0 0 10px #FFD1CD;
}
/*Фон в привате*/

.chatMain .chatPrivateMessages {
background-image: url("
http://animashki.info/uploads/posts/201 … _2069.gif'
https://images.wallpaperscraft.ru/image … 00x168.jpg
");
background-position: left top;
background-repeat:no-repeat;
background-size: 100% 100%;

border-image-width: 3px;
border-image-source: url(
);
border-image-slice: 30;
border-image-repeat: stretch;
box-shadow:  -6px 6px 7px -4px #333;
}
/*Мигание ников*/

.chatMessageToMe .chatToUser {

padding: 0px 10px 0px 10px;
    background: Violet;
    position: relative;
    /* Chrome, Safari, Opera */
    -webkit-animation-name: myfirst;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: myfirst;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 4s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
border-radius:3px;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    0%   {background:DeepSkyBlue ;}
    25%  {background:lightblue;}
    50%  {background:DarkViolet ;}
    75%  {background:DeepSkyBlue ;}
    100% {background:Red;}
}

/* Standard syntax */
@keyframes myfirst {
    0%   {background:DeepSkyBlue ;}
    25%  {background:Violet;}
    50%  {background:DarkViolet ;}
    75%  {background:DeepSkyBlue ;}
    100% {background:Red;}
}
/*ОБВОДКА НИКА РАМОЧКОЙ-15*/

.chatPeople ul.chatPeopleList li { text-shadow: 0px: 4px 0 #000; background-color: transparent; background-image: url(" "); background-position: right 0 bottom 0; background-repeat: no-repeat; background-size: 150% auto; border: 3px solid #fff; border-radius: 5px; box-shadow:1px 1px 6px #000,-1px -1px 1px #fff; }.chatTabs ul { text-shadow: 0px 8px 0 #000; background-color: transparent; background-image: url(""); background-position: right 0 bottom 0; background-repeat: no-repeat; background-size: 100% auto; border: 2px solid #fff; border-radius: 5px; box-shadow:1px 1px 6px #000,-1px -1px 1px #fff; }
О
.chatPeople { background-image: url("
"); background-position: bottom; background-repeat: repeat-x; background-size: 100% }
/* стиль выделения ника пользователя */
.chatMessageToMe .chatToUser {
    background-image: url(
http://islandlove.top/fon/sh01.jpg
);
    color: #000080;
    font-weight: normal;
    padding: 0 5px 0 5px;
    border: 2px solid #4C4F92;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 7px #ffe799;
}
/*Замена короны на свою иконку*/ .adm-icon { /* администратор */ background-image: url('
); background-size: 32px; /* если картинка большая уменьшаем до 32px */ } .mod-icon { /* модератор */ background-image: url('https://avatars.mds.yandex.net/get-pdb/1050037/45d47f93-1bbc-4767-833b-32c5bb34d647/s1200?webp=false'); background-size: 18px; /* если картинка большая уменьшаем до 18px */ } /*корона в общем окне рядом с ником администратора/*
/*кнопки: общий и приват*/
.chatTabs > ul > li.chatTab.chatTabActive > a, .chatTabs > ul > li.chatTab > a:hover, .chatTabs > ul > li.chatTab > a.active {
    background-image: url("");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 5px 5px 5px 5px;
    font-size: 17pt;
    font-family: ;
    color: #FFFF00;
    font-style: normal;
    border: 1px solid #000080;
}
.chatTabs > ul > li.chatTab > a {
    background-image: url("
");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 5px 5px 5px 5px;
    font-size: 17pt;
    font-family: ;
    color: #FFFFFF;
    font-style: normal;
    border: 1px solid #4040A0;
}
/*Выделение пунктов меню, в меню справа в верху*/

.chatTopLineWrapper > ul > li > ul > li > a:hover {
background-color: #65E5E6;
opacity: 1;
}
/*ОБВОДКА НИКА РАМОЧКОЙ-15*/

.chatPeople ul.chatPeopleList li { text-shadow: 0px 1px 0 #000; background-color: transparent; background-image: url(" "); background-position: right 0 bottom 0; background-repeat: no-repeat; background-size: 150% auto; border: 2px solid #fff; border-radius: 8px; box-shadow:1px 1px 6px #000,-1px -1px 1px #fff; }.chatTabs ul { text-shadow: 0px 1px 0 #000; background-color: transparent; background-image: url(""); background-position: right 0 bottom 0; background-repeat: no-repeat; background-size: 100% auto; border: 2px solid #fff; border-radius: 5px; box-shadow:1px 1px 6px #000,-1px -1px 1px #fff; }

коды чатика самовар  новый

Екатерина Капля (03.12.2021 18:20):
/*фон чата */
.chatMain {
background-image: url(
);
background-position: center center;
background-repeat:no-repeat;
background-size: 100% 100%;
}
/*Текст в чате*/ .chatMain .chatMessages, .chatMain .chatPrivateMessages { font-family: serif; font-weight: bold; font-size:28px; text-Marker Felt, fantasy: 1px 1px 0 #000; } div { border-radius: 10px; } Радиус скругления для всех уголков сразу. div { border-radius: 0 10px; } Первое значение устанавливает радиус левого верхнего и правого нижнего уголка, второе значение — для правого верхнего и левого нижнего. div { border-radius: 20px 10px 0; } Первое значение задаёт радиус левого верхнего уголка, второе — одновременно правого верхнего и левого нижнего, а третье значение — правого нижнего. div { border-radius: 20px 10px 5px 0; } в чат ставится какойнибуть один из ЧЕТЫРЁХ кодов
/* рисунок в правой части чата */ .chatPeople.vscrollable { background-image: url(); background-size: 100% 20%; background-position: 20% 100%; background-repeat: no-repeat; }
.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;}

/* всем жирный шрифт */ .chatMessage{ font-weight: bold; }

/* Строка ввода текста в чат */
.chatSendText.chatInputText {
border-style: inset;
border-width: 3px;
background-color: #ffffff;
font-size: 12pt;
color: #0000f0;
border-radius:5px;
}
/*РАЗМЕР НИЖНИХ ССЫЛОК-06*/
.chatFooter .chatFooterWrapper .chatPanel .chatSendLinksPanel {
    position: absolute;
    left: 16px;
    top: 7px;
    font-weight: normal;
    font-size: 12pt;
    z-index: 99;
}
.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; }
.chatPeople {
    background-image: url(
https://img1.liveinternet.ru/images/att … 385e_L.gif
https://images.wallpaperscraft.ru/image … 00x168.jpg
http://imgs.su/users/70140/1488814776.gif
https://gif-kartinki.ru/13/ng7.gif
);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 100%;
}
/*КНОПКА МЕНЮ ЧАТА-ap*/
.chatTopLine {
background-image: url("адрес картинки ");
background-position: center center;
background-repeat: repeat;
background-size: 100% 100%;
font-family: bold;
font-style: normal;
font-size: 12pt;
color: #fff;
padding:0 10px 0 10px;
border: 1px solid #;
border-radius:10px 10px 10px 10px;
box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #C684C0, 0 0 5px #FFD1CD, 0 0 6px #FFD1CD, 0 0 7px #FFD1CD, 0 0 10px #FFD1CD;
}
/*Фон в привате*/

.chatMain .chatPrivateMessages {
background-image: url("
");
background-position: left top;
background-repeat:no-repeat;
background-size: 100% 100%;

border-image-width: 3px;
border-image-source: url(
http://imgs.su/users/70140/1488815108.gif
https://i.ibb.co/jgqSRvD/814612186.gif
https://images.wallpaperscraft.ru/image … 00x168.jpg
http://animashki.info/uploads/posts/201 … _2069.gif'
);
border-image-slice: 30;
border-image-repeat: stretch;
box-shadow:  -6px 6px 7px -4px #333;
}
/*Мигание ников*/

.chatMessageToMe .chatToUser {

padding: 0px 10px 0px 10px;
    background: Violet;
    position: relative;
    /* Chrome, Safari, Opera */
    -webkit-animation-name: myfirst;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: myfirst;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 4s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
border-radius:3px;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    0%   {background:DeepSkyBlue ;}
    25%  {background:lightblue;}
    50%  {background:DarkViolet ;}
    75%  {background:DeepSkyBlue ;}
    100% {background:Red;}
}

/* Standard syntax */
@keyframes myfirst {
    0%   {background:DeepSkyBlue ;}
    25%  {background:Violet;}
    50%  {background:DarkViolet ;}
    75%  {background:DeepSkyBlue ;}
    100% {background:Red;}
}
/*ОБВОДКА НИКА РАМОЧКОЙ-15*/

.chatPeople ul.chatPeopleList li { text-shadow: 0px: 1px 0 #000; background-color: transparent; background-image: url(" "); background-position: right 0 bottom 0; background-repeat: no-repeat; background-size: 150% auto; border: 2px solid #fff; border-radius: 8px; box-shadow:1px 1px 6px #000,-1px -1px 1px #fff; }.chatTabs ul { text-shadow: 0px 1px 0 #000; background-color: transparent; background-image: url(""); background-position: right 0 bottom 0; background-repeat: no-repeat; background-size: 100% auto; border: 2px solid #fff; border-radius: 5px; box-shadow:1px 1px 6px #000,-1px -1px 1px #fff; }
О
.chatPeople { background-image: url("
"); background-position: bottom; background-repeat: repeat-x; background-size: 100% }
/* стиль выделения ника пользователя */
.chatMessageToMe .chatToUser {
    background-image: url(
http://islandlove.top/fon/sh01.jpg
);
    color: #000080;
    font-weight: normal;
    padding: 0 5px 0 5px;
    border: 2px solid #4C4F92;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 7px #ffe799;
}
/*Кнопки общей и приват комнате*/

.chatTabs > ul > li.chatTab.chatTabActive > a, .chatTabs > ul > li.chatTab > a:hover,
.chatTabs > ul > li.chatTab > a.active {
background-image: url("");
background-position: center center;
background-repeat: no-repeat;
background-size: 100% 100%;
border-image-width: 5px;
border-image-source: url(
);
border-image-slice: 30;
border-image-repeat: stretch;
border-radius: 5px;

}

.chatTabs > ul > li.chatTab > a {
background-image: url("
");
background-position: center center;
background-repeat: no-repeat;
background-size: 100% 100%;

border-image-width: 5px;
border-image-source: url(
);
border-image-slice: 30;
border-image-repeat: stretch;
border-radius: 5px;
}
/*Замена короны на свою иконку*/ .adm-icon { /* администратор */ background-image: url('
); background-size: 32px; /* если картинка большая уменьшаем до 32px */ } .mod-icon { /* модератор */ background-image: url('https://avatars.mds.yandex.net/get-pdb/1050037/45d47f93-1bbc-4767-833b-32c5bb34d647/s1200?webp=false'); background-size: 18px; /* если картинка большая уменьшаем до 18px */ } /*корона в общем окне рядом с ником администратора/*

Екатерина Капля (03.12.2021 18:20):
чат капля  новый код