red;;Здесь вы можете заказать для своего чата css код

Поделиться1Чт, 24 Авг 2017 20:18

Автор: Апостол
Администратор
Зарегистрирован: Пн, 9 Янв 2017
Приглашений: 0
Сообщений: 2708
Уважение: +32
Позитив: +4
Пол: Мужской
Провел на форуме:
16 дней 9 часов
Последний визит:
Ср, 20 Мар 2024 11:44

Здесь вы можете заказать для своего чата css код
Важно опешите его работу и что он должен менять в чате,,, Windows 7, Chrome,59.0.3071.125

+2

Поделиться2Чт, 24 Авг 2017 20:22

Автор: Юльчик
прохожий
Зарегистрирован: Пт, 4 Авг 2017
Приглашений: 0
Сообщений: 7
Уважение: +1
Позитив: +3
Пол: Женский
Возраст: 23 [2000-08-05]
Провел на форуме:
16 часов 26 минут
Последний визит:
Сб, 20 Июл 2019 21:03

Мне нужен код чтоб можно было изменить иконку у админа чата,заранее спасибо Windows 7, Chrome,60.0.3112.101

0

Поделиться3Чт, 24 Авг 2017 20:24

Автор: Апостол
Администратор
Зарегистрирован: Пн, 9 Янв 2017
Приглашений: 0
Сообщений: 2708
Уважение: +32
Позитив: +4
Пол: Мужской
Провел на форуме:
16 дней 9 часов
Последний визит:
Ср, 20 Мар 2024 11:44

Юльчик
Вот держи

Код:

.adm-icon {
    background-image: url("адрес картинки ");
}

0

Поделиться4Чт, 24 Авг 2017 20:26

Автор: Юльчик
прохожий
Зарегистрирован: Пт, 4 Авг 2017
Приглашений: 0
Сообщений: 7
Уважение: +1
Позитив: +3
Пол: Женский
Возраст: 23 [2000-08-05]
Провел на форуме:
16 часов 26 минут
Последний визит:
Сб, 20 Июл 2019 21:03

А на иконку модератора можно код Windows 7, Chrome,60.0.3112.101

0

Поделиться5Чт, 24 Авг 2017 20:28

Автор: Апостол
Администратор
Зарегистрирован: Пн, 9 Янв 2017
Приглашений: 0
Сообщений: 2708
Уважение: +32
Позитив: +4
Пол: Мужской
Провел на форуме:
16 дней 9 часов
Последний визит:
Ср, 20 Мар 2024 11:44

Юльчик
поменять мод иконку

Код:

 .mod-icon {
    background-image: url("адрес картинки ") !important;
}

+1

Поделиться6Чт, 24 Авг 2017 20:29

Автор: Юльчик
прохожий
Зарегистрирован: Пт, 4 Авг 2017
Приглашений: 0
Сообщений: 7
Уважение: +1
Позитив: +3
Пол: Женский
Возраст: 23 [2000-08-05]
Провел на форуме:
16 часов 26 минут
Последний визит:
Сб, 20 Июл 2019 21:03

Апостол
Спасибо Windows 7, Chrome,60.0.3112.101

0

Поделиться7Чт, 24 Авг 2017 20:47

Автор: Няшка
прохожий
Зарегистрирован: Чт, 24 Авг 2017
Приглашений: 0
Сообщений: 4
Уважение: 0
Позитив: +2
Провел на форуме:
16 часов 54 минуты
Последний визит:
Сб, 20 Июл 2019 21:01

Как мне сделать бегущую строку с объявлением в верху чата,помогите пожалуйста Windows 7, Chrome,60.0.3112.101

0

Поделиться8Чт, 24 Авг 2017 20:51

Автор: Апостол
Администратор
Зарегистрирован: Пн, 9 Янв 2017
Приглашений: 0
Сообщений: 2708
Уважение: +32
Позитив: +4
Пол: Мужской
Провел на форуме:
16 дней 9 часов
Последний визит:
Ср, 20 Мар 2024 11:44

Няшка
Бегущая строка в шапке чата Windows 7, Chrome,

Код:

.chatHeader .chatTitle:after{
   width: 100%;
   white-space:nowrap;
   line-height: 15px;
   overflow:hidden;
   font-size: 10px;
   color: cornflower#ff0000;/*   цвет можно менять-Апостол   */
   -webkit-animation: step 1s steps(50) infinite;
   animation: step 15s steps(50) infinite;
}
/*   Анимация   */
@keyframes step{
   0% { width: 0;}
   100% {width:100%;}
}
@-webkit-keyframes step{
   0% { width: 0;}
   100% {width:100%;}
}.chatHeader .chatTitle:after {
  content:"Ваш текст";
  font-family:arial;
  font-size: 15px;
  text-align:justify;
  text-shadow:3px 3px 10px green,-3px -3px 10px blue;color: #ff0000;
  position: absolute;
  top:5%; left:100px; bottom:0; right:100px;
  z-index: 1;
  opacity: 1;
}

59.0.3071.125

0

Поделиться9Чт, 24 Авг 2017 20:53

Автор: Няшка
прохожий
Зарегистрирован: Чт, 24 Авг 2017
Приглашений: 0
Сообщений: 4
Уважение: 0
Позитив: +2
Провел на форуме:
16 часов 54 минуты
Последний визит:
Сб, 20 Июл 2019 21:01

[think=http://www.kolobok.us/smiles/standart/acute.gif]Спасибо [/think] Windows 7, Chrome,60.0.3112.101

0

Поделиться10Пт, 25 Авг 2017 10:27

Автор: Ксюша
прохожий
Зарегистрирован: Пт, 25 Авг 2017
Приглашений: 0
Сообщений: 2
Уважение: 0
Позитив: +4
Провел на форуме:
15 часов 1 минуту
Последний визит:
Сб, 20 Июл 2019 21:01

Добрый день всем,Подскажите пожалуйста как в шапку чата поставить свою картинку Windows 7, Chrome,60.0.3112.101

0

Поделиться11Пт, 25 Авг 2017 10:31

Автор: Апостол
Администратор
Зарегистрирован: Пн, 9 Янв 2017
Приглашений: 0
Сообщений: 2708
Уважение: +32
Позитив: +4
Пол: Мужской
Провел на форуме:
16 дней 9 часов
Последний визит:
Ср, 20 Мар 2024 11:44

Ксюша
С помощью этого кода

Код:

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

+2

Поделиться12Пт, 25 Авг 2017 10:41

Автор: Ксюша
прохожий
Зарегистрирован: Пт, 25 Авг 2017
Приглашений: 0
Сообщений: 2
Уважение: 0
Позитив: +4
Провел на форуме:
15 часов 1 минуту
Последний визит:
Сб, 20 Июл 2019 21:01

Апостол
Подошёл код, Большое спасибо!!! Windows 7, Chrome,60.0.3112.101

0

Поделиться13Пт, 25 Авг 2017 10:45

Автор: Апостол
Администратор
Зарегистрирован: Пн, 9 Янв 2017
Приглашений: 0
Сообщений: 2708
Уважение: +32
Позитив: +4
Пол: Мужской
Провел на форуме:
16 дней 9 часов
Последний визит:
Ср, 20 Мар 2024 11:44

Ксюша
[think=http://www.kolobok.us/smiles/standart/acute.gif]Не за что [/think] Windows 7, Chrome,59.0.3071.125

0

Поделиться14Сб, 26 Авг 2017 09:48

Автор: Няшка
прохожий
Зарегистрирован: Чт, 24 Авг 2017
Приглашений: 0
Сообщений: 4
Уважение: 0
Позитив: +2
Провел на форуме:
16 часов 54 минуты
Последний визит:
Сб, 20 Июл 2019 21:01

[think=http://www.kolobok.us/smiles/standart/acute.gif]Привет всем[/think] Как изменить цвет и шрифт нижних ссылок в чате Windows 7, Chrome,60.0.3112.101

0

Поделиться15Сб, 26 Авг 2017 09:52

Автор: Апостол
Администратор
Зарегистрирован: Пн, 9 Янв 2017
Приглашений: 0
Сообщений: 2708
Уважение: +32
Позитив: +4
Пол: Мужской
Провел на форуме:
16 дней 9 часов
Последний визит:
Ср, 20 Мар 2024 11:44

Няшка
цвет и шрифт нижних кнопочек

Код:

   .chatFooter .chatFooterWrapper .chatPanel div a span {font-family: Monotype Corsiva;
font-style: normal;color: #ffff00;/*   цвет можно менять-Апостол   */
font-size: 12pt;/*   размер шрифта можно менять-Апостол   */
}

0

Поделиться16Сб, 26 Авг 2017 21:32

Автор: Юльчик
прохожий
Зарегистрирован: Пт, 4 Авг 2017
Приглашений: 0
Сообщений: 7
Уважение: +1
Позитив: +3
Пол: Женский
Возраст: 23 [2000-08-05]
Провел на форуме:
16 часов 26 минут
Последний визит:
Сб, 20 Июл 2019 21:03

Windows 7, Chrome,60.0.3112.101

+1

Поделиться17Пн, 4 Сен 2017 01:49

Автор: Niko-lay-ka
Модератор
Откуда: Украина
Зарегистрирован: Чт, 17 Авг 2017
Приглашений: 0
Сообщений: 50
Уважение: +1
Позитив: +3
Пол: Мужской
Провел на форуме:
11 часов 19 минут
Последний визит:
Пт, 20 Апр 2018 00:53

Мне нужен дизайн чата на осеннюю тему, чтобы побольше анимации и все, чтобы было связано с осенью. Windows 7, opera 60.0.3112.90,

0

Поделиться18Пн, 4 Сен 2017 08:51

Автор: Апостол
Администратор
Зарегистрирован: Пн, 9 Янв 2017
Приглашений: 0
Сообщений: 2708
Уважение: +32
Позитив: +4
Пол: Мужской
Провел на форуме:
16 дней 9 часов
Последний визит:
Ср, 20 Мар 2024 11:44

Niko-lay-ka написал(а):

Мне нужен дизайн чата на осеннюю тему, чтобы побольше анимации и все, чтобы было связано с осенью. +

[think=http://www.kolobok.us/smiles/standart/acute.gif]В разработке ждите [/think] Windows 7, Chrome,59.0.3071.125

0

Поделиться19Пн, 4 Сен 2017 16:58

Автор: Апостол
Администратор
Зарегистрирован: Пн, 9 Янв 2017
Приглашений: 0
Сообщений: 2708
Уважение: +32
Позитив: +4
Пол: Мужской
Провел на форуме:
16 дней 9 часов
Последний визит:
Ср, 20 Мар 2024 11:44

Код чата на тему осень

Код:

.chatTitle {
	-webkit-animation: blink 2s linear infinite; 
	animation:chatTitle 2s linear infinite; 
	font-weight: bold; 
	color: color: #F00; 
}

@-webkit-keyframes chatTitle { 
	0% { color: #F00; }
	50% { color: #FBB; }
	100% { color: #F00; }
}

@keyframes chatTitle {  
	0% { color: #F00; }
	50% { color: #FBB; }
	100% { color: #F00; } 
}.chatMain{
background-image: url("https://s8.hostingkartinok.com/uploads/images/2017/09/92074214724f505b7fdb0934c7139acd.jpg");
background-position: left top;
background-repeat:no-repeat;
background-size: 100% 100%;}
.chatFooter .chatFooterWrapper{
background-image: url("https://s8.hostingkartinok.com/uploads/images/2017/09/0ce38a55ad43fbd071ddbddb4d24cd3a.jpg ");
background-position: center center;
background-repeat: repeat-x;
background-size: 100% 100%; } .chatHeader {
   background-image: url(https://s8.hostingkartinok.com/uploads/images/2017/09/99f6767a0eaa0a71fe5ea1d491be35bc.jpg);no-repeat center top fixed;
    -moz-background-size: 100% auto; 
    -webkit-background-size: 100% auto;
    -o-background-size: 100% auto; 
    background-size: 100% auto;}.chatMain { 
border-radius: 25px;
font-family: Comic Sans MS, monospace;
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;
}div { border-radius: 4px; }.chatSendExitPanel select {
  position: relative;
  color: white;
  font-weight: bold;
  text-decoration: none;
  text-shadow: -3px -1px #000;
  user-select: none;
  padding: 0em 0em;
  outline: none;
  background-color: #000;
  background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), radial-gradient(190% 100% at 50% 0%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.5) 50%, rgba(0,0,0,0) 50%);
  background-repeat: no-repeat;
  background-size: 200% 200%, auto;
  background-position: 200% 0, 0 0;
  box-shadow: rgba(0,0,0,.3) 0 2px 5px;
} /* Дизайн делал Апостол */
.chatSendExitPanel select:active {
  top: 1px;
  box-shadow: none;
}
.chatSendExitPanel select:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0;
}.chatSendButton {
  position: relative;
  color: white;
  font-weight: bold;
  text-decoration: none;
  text-shadow: -3px -1px #000;
  user-select: none;
  padding: 0em 0em;
  outline: none;
  background-color: #000;
  background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), radial-gradient(190% 100% at 50% 0%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.5) 50%, rgba(0,0,0,0) 50%);
  background-repeat: no-repeat;
  background-size: 200% 200%, auto;
  background-position: 200% 0, 0 0;
  box-shadow: rgba(0,0,0,.3) 0 2px 5px;
} 
.chatSendButton:active {
  top: 1px;
  box-shadow: none;
}
.chatSendButton:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0;
}.chatSendLinksPanel a.chatLinkSmiles {font-family: Monotype Corsiva;color: #00aeef;
font-style: normal;
font-size: 14pt}.chatSendLinksPanel .chatLinkImage {font-family: Monotype Corsiva;color: #00aeef;
font-style: normal;
font-size: 14pt}.chatLinkProfile {font-family: Monotype Corsiva;color: #00aeef;
font-style: normal;
font-size: 14pt}.chatLinkGold {font-family: Monotype Corsiva;color: #00aeef;
font-style: normal;
font-size: 14pt}.chatLinkMore {font-family: Monotype Corsiva;color: #00aeef;
font-style: normal;
font-size: 14pt}.chatTopLine{
 background-image:url("https://s8.hostingkartinok.com/uploads/images/2017/09/7f98a0f5a06d4fab29511ce06bc75ed7.gif");
     background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
 border-image-width: 7px;
border-image-source: url(http://litsait.ru/images/photos/medium/article108741.jpg);
border-image-slice: 25;
border-image-repeat: stretch;   
border-radius: 7px;
}.chatTopLineWrapper > ul > li > a:hover {
    background-image: url("https://s8.hostingkartinok.com/uploads/images/2017/09/c844eeb7916c07198ee19cf75f44f2bd.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
color: #fff;
      border-image-width: 7px;
border-image-source: url(https://s8.hostingkartinok.com/uploads/images/2017/09/c844eeb7916c07198ee19cf75f44f2bd.gif);
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;

}@-webkit-keyframes shake {
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
.chatHeaderWrapper .chatTitle:hover,
.chatHeaderWrapper .chatTitle:focus {
-webkit-animation-name: shake;
-webkit-animation-duration: 0.8s;
-webkit-transform-origin:50% 50%;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
}
.chatHeaderWrapper .chatTitle {
display:inline-block;
}.chatHeaderWrapper .chatTitle {
    text-align: center;font-family:Comic Sans MS, monospace; Monotype Corsiva;
font-style: normal;
font-size: 20pt;
    width: 100%;
}.chatTopLineWrapper ul li ul {
    background-image: url("https://s8.hostingkartinok.com/uploads/images/2017/09/4f42f2c17ed6c34823bf8f3a28e26502.gif ");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 112%;
 border-image-width: 12px;
border-image-source: url(https://s8.hostingkartinok.com/uploads/images/2017/09/fe0f1dc58c8adcfed941da035241b76e.gif);
border-image-slice: 25;
border-image-repeat: stretch;
border-radius: 5px;
padding: 12px 12px 12px 12px;}.chatTopLineWrapper > ul > li > ul > li > a{
font-family:Comic Sans MS, monospace;
font-size: 16px;

color:#ffff00;
 }div.chatMessage span.chatUserFrom {
     font-size: 16px;
font-weight: Comic Sans MS, monospace;
    text-shadow: 1px 1px 1px #ffffff;
 font-family: Comic Sans MS, monospace;
padding: 0px 12px 0px 12px;
}.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;}
}.chatUserVip {
    background: transparent url("https://s8.hostingkartinok.com/uploads/images/2017/09/e9819c500aad7d1b004a0d78ea0a3101.gif") no-repeat scroll 0 0;
}.chatMessage.type-news{
    width: 50%;
    height: auto;
    background: #00aeef;
    position: relative;
right: -20%;

border-radius: 6px;
box-shadow: 4px 2px 4px 2px #00ffff;-webkit-animation-name: myfirst;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running; animation-name: myfirst;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}.chatFull .transparent{
  background: url(http://www.stihi.ru/pics/2013/09/19/3209.gif) no-repeat center top fixed;
    -moz-background-size: 100% auto; 
    -webkit-background-size: 100% auto;
    -o-background-size: 100% auto; 
    background-size: 100% auto;}.chatPeople.vscrollable{ 
  background: url(https://s8.hostingkartinok.com/uploads/images/2017/09/0631232e2859f171ec467643048e283a.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://s8.hostingkartinok.com/uploads/images/2017/09/3325d1bdb151c9c8bcf7e7f3bdb5a88e.gif);background-position: bottom;
background-repeat:no-repeat; 
  }#join-chat-button2 { 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: 25px; font-family: Monotype Corsiva;font-size: 18pt; }
#join-chat-button2  { height: 28px; }#join-chat-button2 { background: transparent url("https://s8.hostingkartinok.com/uploads/images/2017/03/7d18be3d912495e03a26d654d3e25646.gif") 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 #ff0000, 0 0 2px #fff, 0 0 3px #ff0000, 0 0 4px #BEBEBE, 0 0 5px #D3D3D3, 0 0 6px #FFDEAD, 0 0 7px #778899, 0 0 10px #0000CD; }#join-chat-button2 { -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; } #join-chat-button2: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 { 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: 25px; font-family: Monotype Corsiva;font-size: 18pt; }
#join-chat-button  { height: 28px; }#join-chat-button { background: transparent url("https://s8.hostingkartinok.com/uploads/images/2017/03/7d18be3d912495e03a26d654d3e25646.gif") 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 #ff0000, 0 0 2px #fff, 0 0 3px #ff0000, 0 0 4px #BEBEBE, 0 0 5px #D3D3D3, 0 0 6px #FFDEAD, 0 0 7px #778899, 0 0 10px #0000CD; }#join-chat-button { -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; } #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); }INPUT[type="text"] { 
     background-image: url(https://s8.hostingkartinok.com/uploads/images/2017/09/0631232e2859f171ec467643048e283a.gif);
   }.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;}.chatHeaderWrapper .chatTitle {
  animation: kaboom 5s ease alternate infinite;
  &:nth-child(2) {
    animation-delay: 0.1s;
  }
  &:nth-child(3) {
    animation-delay: 0.2s;
  }
  &:nth-child(4) {
    animation-delay: 0.3s;
  }
  &:nth-child(5) {
    animation-delay: 0.4s;
  }
}
@keyframes kaboom {
  90% {
    transform: scale(1.0);
  }
  100% {
    transform: scale(1.1);
  }
}@-webkit-keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
       transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}.chatMessage {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    background: url(tel.png) no-repeat 0 0;
    }
.chatMessage :hover {
    -webkit-animation: 0.1s tremor ease-out infinite;  
    animation: 0.1s tremor ease-out infinite;    
}
@-webkit-keyframes tremor {
    0%, 25% {
        left: -1px;
        top:-1px;
        -webkit-transform: translateX(-4%);
        transform: translateX(-4%);
    }
    50%, 100% {
        left: 1px;
        top: 1px;
        -webkit-transform: translateX(4%);
        transform: translateX(4%);
    }
}
@-moz-keyframes tremor {
    0%, 25% {
        left: -1px;
        -webkit-transform: translateX(-4%);
        transform: translateX(-4%);
    }
    50%, 100% {
        left: 1px;
        -webkit-transform: translateX(4%);
        transform: translateX(4%);
    }
}
@-ms-keyframes tremor {
    0%, 25% {
        left: -1px;
        -webkit-transform: translateX(-4%);
        transform: translateX(-4%);
    }
    50%, 100% {
        left: 1px;
        -webkit-transform: translateX(4%);
        transform: translateX(4%);
    }
}
@-o-keyframes tremor {
    0%, 25% {
        left: -1px;
        -webkit-transform: translateX(-4%);
        transform: translateX(-4%);
    }
    50%, 100% {
        left: 1px;
        -webkit-transform: translateX(4%);
        transform: translateX(4%);
    }
}
@keyframes tremor {
    0%, 25% {
        left: -1px;
        -webkit-transform: translateX(-4%);
        transform: translateX(-4%);
    }
    50%, 100% {
        left: 1px;
        -webkit-transform: translateX(4%);
        transform: translateX(4%);
    }
}.chatPeople ul.chatPeopleList li {

border-radius:3px/100%;
  
background-color:transparent;
  background-image:
   linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,0,0,.8), rgba(255,255,255,.0) 70%),
   linear-gradient(to right, rgba(255,255,255,1), rgba(255,0,0,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(248, 233, 131, 1) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(248, 233, 131, 1) 45%, rgba(125,125,125,.5)),
 
   linear-gradient(to right, rgba(223,190,170,1), rgba(248, 233, 131, 1) 45%, rgba(223,190,170,.5)),
  linear-gradient(to right, rgba(223,190,170,1), rgba(248, 233, 131, 1) 45%, rgba(223,190,170,.5));
  background-repeat: no-repeat;
  background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 0px, 100% 0px;
  background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
transition: .2s linear;

padding:2px 0px 2px 8px;
border-radius:7px;
border-image-width: 2px;
border-image-source: url(https://s8.hostingkartinok.com/uploads/images/2017/09/0701d1ca565574273213384db0755d7e.gif);
border-image-slice: 25;
border-image-repeat: stretch;


}.chatPeople ul.chatPeopleList li.hover {
    background-color: transparent;
    border-bottom: 0px solid #00aeef;
    border-top: 0px solid #00aeef;
	-webkit-box-shadow:rgba(0,0,0,0.3) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 15px;
     -khtml-box-shadow:rgba(0,0,0,0.3) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 15px;
       -moz-box-shadow:rgba(0,0,0,0.3) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 15px;
         -o-box-shadow:rgba(0,0,0,0.3) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 15px;
            box-shadow:rgba(0,0,0,0.3) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 15px;

}.chatUserFrom:hover{
	text-shadow: 1px 0px 3px #00aeef;
}.chatSpecifyPassword  {font-style:normal; 
font-size: 19pt;font-family: Monotype Corsiva;
color: #ff0000;}.chatSpecifyPassword input[type=text] {border-radius:25px 25px 25px 25px;font-family: Monotype Corsiva;
font-style: normal;
font-size: 19pt;}.chatMessage > span {

border-radius:3px/100%;
  
background-color:transparent;
  background-image:
   linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,0,0,.8), rgba(255,255,255,.0) 70%),
   linear-gradient(to right, rgba(255,255,255,1), rgba(255,0,0,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(248, 233, 131, 1) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(248, 233, 131, 1) 45%, rgba(125,125,125,.5)),
 
   linear-gradient(to right, rgba(223,190,170,1), rgba(248, 233, 131, 1) 45%, rgba(223,190,170,.5)),
  linear-gradient(to right, rgba(223,190,170,1), rgba(248, 233, 131, 1) 45%, rgba(223,190,170,.5));
  background-repeat: no-repeat;
  background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 0px, 100% 0px;
  background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
transition: .2s linear;

padding:2px 0px 2px 8px;
border-radius:7px;
border-image-width: 3px;
border-image-source: url(https://s8.hostingkartinok.com/uploads/images/2017/09/0701d1ca565574273213384db0755d7e.gif);
border-image-slice: 25;
border-image-repeat: stretch;}a, input[type="button"], input[type="submit"], .chatUserFrom, .buttons > div {
    cursor: url(http://cur.cursors-4u.net/anime/ani-10/ani937.png), default !important;
}.chatFull .transparent:after{
   width: 100%;
   white-space:nowrap;
   line-height: 50px;
   overflow:hidden;
   font-size: 60px;
   color: cornflower#ff0000;/*   цвет можно менять-Апостол   */
   -webkit-animation: step 1s steps(50) infinite;
   animation: step 15s steps(50) infinite;
}
/*   Анимация   */
@keyframes step{
   0% { width: 0;}
   100% {width:100%;}
}
@-webkit-keyframes step{
   0% { width: 0;}
   100% {width:100%;}
}.chatFull .transparent:after {
  content:"Добро пожаловать в наш чат,мы рады вас видеть ";
  font-family:arial;
  font-size: 25px;
  text-align:justify;
  text-shadow:3px 3px 10px green,-3px -3px 10px blue;color: #0000ff;
  position: absolute;
  top:5%; left:100px; bottom:0; right:100px;
  z-index: 1;
  opacity: 1;
}.chatTabs > ul > li {font-size: 14pt;font-family: Comic Sans MS, monospace;

border-radius:4px/100%;
  
background-color:transparent;
  background-image:
   linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,0,0,.8), rgba(255,255,255,.0) 70%),
   linear-gradient(to right, rgba(255,255,255,1), rgba(255,0,0,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(248, 233, 131, 1) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(248, 233, 131, 1) 45%, rgba(125,125,125,.5)),
 
   linear-gradient(to right, rgba(223,190,170,1), rgba(248, 233, 131, 1) 45%, rgba(223,190,170,.5)),
  linear-gradient(to right, rgba(223,190,170,1), rgba(248, 233, 131, 1) 45%, rgba(223,190,170,.5));
  background-repeat: no-repeat;
  background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 0px, 100% 0px;
  background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
transition: .2s linear;

padding:1px 1px 1px 1px;
border-radius:7px;
border-image-width: 4px;
border-image-source: url(https://s8.hostingkartinok.com/uploads/images/2017/09/7f98a0f5a06d4fab29511ce06bc75ed7.gif);
border-image-slice: 20;
border-image-repeat: stretch;}.chatPeople .chatPeopleTitle {
    background-image: url("https://s8.hostingkartinok.com/uploads/images/2017/09/e9819c500aad7d1b004a0d78ea0a3101.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 190px;
    font-size: 10pt;
    padding: 0 5px 0 10px;
}

.chatPeople .chatPeopleTitle {
    height: 25px;
    width: 100px;
}.chatPopupMenuDiv1 { background: linear-gradient(168deg, #3060a0, #a3cddd, #afefbf);
     border-radius: 10px;
}.chatPopupMenuDiv2 {background: linear-gradient(168deg, #3060a0, #a3cddd, #afefbf);
     height: 100px; 
     margin-left: 10px;
     border-radius: 20px;
}.smilesBox {  background-image:url(https://s8.hostingkartinok.com/uploads/images/2017/09/c844eeb7916c07198ee19cf75f44f2bd.gif);
     width: 80%; 
     margin-left: -15pt; 
     border-radius: 15px; }

Windows 7, Chrome,59.0.3071.125

+5

Поделиться20Ср, 6 Сен 2017 00:51

Автор: Niko-lay-ka
Модератор
Откуда: Украина
Зарегистрирован: Чт, 17 Авг 2017
Приглашений: 0
Сообщений: 50
Уважение: +1
Позитив: +3
Пол: Мужской
Провел на форуме:
11 часов 19 минут
Последний визит:
Пт, 20 Апр 2018 00:53

А у меня код не работает вообще. Windows 7, opera 60.0.3112.90,

0

Поделиться21Ср, 6 Сен 2017 08:23

Автор: Апостол
Администратор
Зарегистрирован: Пн, 9 Янв 2017
Приглашений: 0
Сообщений: 2708
Уважение: +32
Позитив: +4
Пол: Мужской
Провел на форуме:
16 дней 9 часов
Последний визит:
Ср, 20 Мар 2024 11:44

Niko-lay-ka написал(а):

Исправлена ошибка с копированием кода Windows 7, Chrome,59.0.3071.125

+1

Поделиться22Ср, 6 Сен 2017 10:38

Автор: Апостол
Администратор
Зарегистрирован: Пн, 9 Янв 2017
Приглашений: 0
Сообщений: 2708
Уважение: +32
Позитив: +4
Пол: Мужской
Провел на форуме:
16 дней 9 часов
Последний визит:
Ср, 20 Мар 2024 11:44

Апостол написал(а):

Код чата на тему осень
Код:

Код исправлен

0

Поделиться23Ср, 6 Сен 2017 18:15

Автор: Блэк
прохожий
Зарегистрирован: Ср, 6 Сен 2017
Приглашений: 0
Сообщений: 2
Уважение: 0
Позитив: +2
Провел на форуме:
15 часов 35 минут
Последний визит:
Сб, 20 Июл 2019 21:04

:cool:

Отредактировано Блэк (Ср, 6 Сен 2017 18:16)

0

Поделиться24Чт, 7 Сен 2017 01:23

Автор: Niko-lay-ka
Модератор
Откуда: Украина
Зарегистрирован: Чт, 17 Авг 2017
Приглашений: 0
Сообщений: 50
Уважение: +1
Позитив: +3
Пол: Мужской
Провел на форуме:
11 часов 19 минут
Последний визит:
Пт, 20 Апр 2018 00:53

Спасибо БОЛЬШУЩЕЕ за код!!!

0

Поделиться25Чт, 7 Сен 2017 19:22

Автор: Няшка
прохожий
Зарегистрирован: Чт, 24 Авг 2017
Приглашений: 0
Сообщений: 4
Уважение: 0
Позитив: +2
Провел на форуме:
16 часов 54 минуты
Последний визит:
Сб, 20 Июл 2019 21:01

Апостол написал(а):

Код чата на тему осень

Windows 7, Chrome,59.0.3071.125

:cool: :rain: :mybb:

0

Поделиться26Пн, 11 Сен 2017 16:43

Автор: Niko-lay-ka
Модератор
Откуда: Украина
Зарегистрирован: Чт, 17 Авг 2017
Приглашений: 0
Сообщений: 50
Уважение: +1
Позитив: +3
Пол: Мужской
Провел на форуме:
11 часов 19 минут
Последний визит:
Пт, 20 Апр 2018 00:53

А можно еще один код на осеннюю тему только простенький, а то у меня комп гудит и чат тормозит, и пользователи жалуются.

0

Поделиться27Пн, 11 Сен 2017 16:46

Автор: Niko-lay-ka
Модератор
Откуда: Украина
Зарегистрирован: Чт, 17 Авг 2017
Приглашений: 0
Сообщений: 50
Уважение: +1
Позитив: +3
Пол: Мужской
Провел на форуме:
11 часов 19 минут
Последний визит:
Пт, 20 Апр 2018 00:53

Или этот ослабить?

0

Поделиться28Пн, 11 Сен 2017 20:56

Автор: Апостол
Администратор
Зарегистрирован: Пн, 9 Янв 2017
Приглашений: 0
Сообщений: 2708
Уважение: +32
Позитив: +4
Пол: Мужской
Провел на форуме:
16 дней 9 часов
Последний визит:
Ср, 20 Мар 2024 11:44

Niko-lay-ka написал(а):

А можно еще один код на осеннюю тему только простенький, а то у меня комп гудит и чат тормозит, и пользователи жалуются.

Попробуй убрать все гиф картинки,Вместо их поставь простые

0

Поделиться29Пн, 11 Сен 2017 23:16

Автор: Niko-lay-ka
Модератор
Откуда: Украина
Зарегистрирован: Чт, 17 Авг 2017
Приглашений: 0
Сообщений: 50
Уважение: +1
Позитив: +3
Пол: Мужской
Провел на форуме:
11 часов 19 минут
Последний визит:
Пт, 20 Апр 2018 00:53

Попробую

0

Поделиться30Пн, 11 Сен 2017 23:38

Автор: Niko-lay-ka
Модератор
Откуда: Украина
Зарегистрирован: Чт, 17 Авг 2017
Приглашений: 0
Сообщений: 50
Уважение: +1
Позитив: +3
Пол: Мужской
Провел на форуме:
11 часов 19 минут
Последний визит:
Пт, 20 Апр 2018 00:53

Апостол
А как убрать ту тряску картинок и ников при обращении???

0

Поделиться31Вт, 12 Сен 2017 15:25

Автор: Апостол
Администратор
Зарегистрирован: Пн, 9 Янв 2017
Приглашений: 0
Сообщений: 2708
Уважение: +32
Позитив: +4
Пол: Мужской
Провел на форуме:
16 дней 9 часов
Последний визит:
Ср, 20 Мар 2024 11:44

Niko-lay-ka написал(а):

Апостол
А как убрать ту тряску картинок и ников при обращении???

Дрожащие название в чате

Код:

@-webkit-keyframes shake {
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
.chatHeaderWrapper .chatTitle:hover,
.chatHeaderWrapper .chatTitle:focus {
-webkit-animation-name: shake;
-webkit-animation-duration: 0.8s;
-webkit-transform-origin:50% 50%;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
}
.chatHeaderWrapper .chatTitle {
display:inline-block;
}.chatHeaderWrapper .chatTitle {
    text-align: center;font-family:Comic Sans MS, monospace; Monotype Corsiva;
font-style: normal;
font-size: 20pt;
    width: 100%;
}

0

Поделиться32Вт, 12 Сен 2017 15:29

Автор: Niko-lay-ka
Модератор
Откуда: Украина
Зарегистрирован: Чт, 17 Авг 2017
Приглашений: 0
Сообщений: 50
Уважение: +1
Позитив: +3
Пол: Мужской
Провел на форуме:
11 часов 19 минут
Последний визит:
Пт, 20 Апр 2018 00:53

Апостол написал(а):

Дрожащие название в чате

Мне надо дрожжание картинок и смайлов.

0

Поделиться33Вт, 12 Сен 2017 15:43

Автор: Niko-lay-ka
Модератор
Откуда: Украина
Зарегистрирован: Чт, 17 Авг 2017
Приглашений: 0
Сообщений: 50
Уважение: +1
Позитив: +3
Пол: Мужской
Провел на форуме:
11 часов 19 минут
Последний визит:
Пт, 20 Апр 2018 00:53

Niko-lay-ka написал(а):

Мне надо дрожжание картинок и смайлов.

Я уже сам нашел, но все равно спасибо за помощь!

0

Поделиться34Вт, 12 Сен 2017 16:42

Автор: Niko-lay-ka
Модератор
Откуда: Украина
Зарегистрирован: Чт, 17 Авг 2017
Приглашений: 0
Сообщений: 50
Уважение: +1
Позитив: +3
Пол: Мужской
Провел на форуме:
11 часов 19 минут
Последний визит:
Пт, 20 Апр 2018 00:53

А как сменить цвет времени сообщений?

0

Поделиться35Вт, 12 Сен 2017 22:01

Автор: Апостол
Администратор
Зарегистрирован: Пн, 9 Янв 2017
Приглашений: 0
Сообщений: 2708
Уважение: +32
Позитив: +4
Пол: Мужской
Провел на форуме:
16 дней 9 часов
Последний визит:
Ср, 20 Мар 2024 11:44

Niko-lay-ka написал(а):

А как сменить цвет времени сообщений?

Цвет времени в чате

Код:

.chatTime {
     font-size: 12pt; /* размер времени */
     color: #ff0000;} /* цвет времени */

0

Поделиться36Ср, 13 Сен 2017 00:36

Автор: Niko-lay-ka
Модератор
Откуда: Украина
Зарегистрирован: Чт, 17 Авг 2017
Приглашений: 0
Сообщений: 50
Уважение: +1
Позитив: +3
Пол: Мужской
Провел на форуме:
11 часов 19 минут
Последний визит:
Пт, 20 Апр 2018 00:53

Апостол написал(а):

Цвет времени в чате

Спасибо!

0

Поделиться37Пт, 15 Сен 2017 14:23

Автор: Niko-lay-ka
Модератор
Откуда: Украина
Зарегистрирован: Чт, 17 Авг 2017
Приглашений: 0
Сообщений: 50
Уважение: +1
Позитив: +3
Пол: Мужской
Провел на форуме:
11 часов 19 минут
Последний визит:
Пт, 20 Апр 2018 00:53

Апостол написал(а):

Дрожащие название в чате

А можно ли это название смещать в разные стороны?

0

Поделиться38Пт, 15 Сен 2017 15:17

Автор: Апостол
Администратор
Зарегистрирован: Пн, 9 Янв 2017
Приглашений: 0
Сообщений: 2708
Уважение: +32
Позитив: +4
Пол: Мужской
Провел на форуме:
16 дней 9 часов
Последний визит:
Ср, 20 Мар 2024 11:44

Niko-lay-ka написал(а):

@-webkit-keyframes shake {
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
.chatHeaderWrapper .chatTitle:hover,
.chatHeaderWrapper .chatTitle:focus {
-webkit-animation-name: shake;
-webkit-animation-duration: 0.8s;
-webkit-transform-origin:50% 50%;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
}
.chatHeaderWrapper .chatTitle {
display:inline-block;
}.chatHeaderWrapper .chatTitle {
text-align: center;font-family:Comic Sans MS, monospace; Monotype Corsiva;
font-style: normal;
font-size: 20pt;
width: 100%;/*Положение названия в чате*/
}

Двигать можно ,смотри в коде ,Положение названия в чате

0

Поделиться39Пн, 23 Окт 2017 01:15

Автор: Niko-lay-ka
Модератор
Откуда: Украина
Зарегистрирован: Чт, 17 Авг 2017
Приглашений: 0
Сообщений: 50
Уважение: +1
Позитив: +3
Пол: Мужской
Провел на форуме:
11 часов 19 минут
Последний визит:
Пт, 20 Апр 2018 00:53

А как сделать размер текста в сообщениях больше стандартного?

0

Поделиться40Пн, 23 Окт 2017 13:36

Автор: Апостол
Администратор
Зарегистрирован: Пн, 9 Янв 2017
Приглашений: 0
Сообщений: 2708
Уважение: +32
Позитив: +4
Пол: Мужской
Провел на форуме:
16 дней 9 часов
Последний визит:
Ср, 20 Мар 2024 11:44

Niko-lay-ka написал(а):

А как сделать размер текста в сообщениях больше стандартного?

Код:

.chatMain .chatMessages, .chatMain .chatPrivateMessages {
font-family: Arial;/*названия шрифта*/
  font-weight: bold;
font-size:18px;/*размер шрифта*/
text-shadow: 1px 1px 0 #000;
      
}

вот

0

Поделиться41Вт, 24 Окт 2017 23:43

Автор: Niko-lay-ka
Модератор
Откуда: Украина
Зарегистрирован: Чт, 17 Авг 2017
Приглашений: 0
Сообщений: 50
Уважение: +1
Позитив: +3
Пол: Мужской
Провел на форуме:
11 часов 19 минут
Последний визит:
Пт, 20 Апр 2018 00:53

Апостол написал(а):

вот

спасибо

0

Поделиться42Сб, 4 Ноя 2017 00:47

Автор: Niko-lay-ka
Модератор
Откуда: Украина
Зарегистрирован: Чт, 17 Авг 2017
Приглашений: 0
Сообщений: 50
Уважение: +1
Позитив: +3
Пол: Мужской
Провел на форуме:
11 часов 19 минут
Последний визит:
Пт, 20 Апр 2018 00:53

как выделить ник незаригистрированого пользователя в колонке онлайн

0

Поделиться43Вс, 29 Июл 2018 16:07

Автор: Усаги Цукино
прохожий
Зарегистрирован: Сб, 28 Июл 2018
Приглашений: 0
Сообщений: 3
Уважение: 0
Позитив: +1
Пол: Женский
Провел на форуме:
3 часа 53 минуты
Последний визит:
Сб, 18 Авг 2018 23:47

Здравствуйте,можно CSS для отдельного фона в боковую панельку?

Отредактировано Усаги Цукино (Вс, 29 Июл 2018 16:07)

0

Поделиться44Вс, 29 Июл 2018 16:59

Автор: Апостол
Администратор
Зарегистрирован: Пн, 9 Янв 2017
Приглашений: 0
Сообщений: 2708
Уважение: +32
Позитив: +4
Пол: Мужской
Провел на форуме:
16 дней 9 часов
Последний визит:
Ср, 20 Мар 2024 11:44

Усаги Цукино написал(а):

Здравствуйте,можно CSS для отдельного фона в боковую панельку?

Отредактировано Усаги Цукино (Сегодня 16:07)

Код:

/*24*/
.chatPeople.vscrollable { background-image: /*гифка-*/url(http://kartinki-vernisazh.ru/_ph/63/1/811640364.jpg),/*Фон-*/ url(https://oboi.ws/originals/original_7302_oboi_leto_v_derevne_2560x1600.jpg); background-position: bottom, 0px; background-repeat:no-repeat; background-color: # 0000CC; font-size: 10pt; border-radius: 0px;  }

Если ты предыдущий код поставила котика то удали его,а то этот работать не будет,в этом коде котик есть ,Настройка фона найди вот этот кусок кода-/*Фон-*/ url(https://oboi.ws/originals/original_7302 … 0x1600.jpg)----удали адрес картинки ---этот---https://oboi.ws/originals/original_7302_oboi_leto_v_derevne_2560x1600.jpg----вставь свой адрес,всё готово

+1

Поделиться45Пн, 28 Авг 2023 16:46

Автор: Serg11111
прохожий
Зарегистрирован: Вт, 14 Фев 2023
Приглашений: 0
Сообщений: 2
Уважение: 0
Позитив: 0
Провел на форуме:
6 часов 9 минут
Последний визит:
Чт, 11 Апр 2024 18:13

здравствуйте, а можно css-код для выпадающего списка пользователей, справа ?

0

Поделиться46Вт, 17 Окт 2023 23:48

Автор: тимуее дуйменов
прохожий
Зарегистрирован: Вт, 17 Окт 2023
Приглашений: 0
Сообщений: 1
Уважение: 0
Позитив: 0
Провел на форуме:
26 минут
Последний визит:
Сб, 9 Дек 2023 18:42

добрый день мне нужен код чтобы в окне смайлы они были в квадратиках можете сделать заранее спасибо .::Netscape5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.5845.2271 YaBrowser/23.9.0.2271 Yowser/2.5 Safari/537.36::.

0

Поделиться47Пт, 27 Окт 2023 08:11

Автор: Апостол
Администратор
Зарегистрирован: Пн, 9 Янв 2017
Приглашений: 0
Сообщений: 2708
Уважение: +32
Позитив: +4
Пол: Мужской
Провел на форуме:
16 дней 9 часов
Последний визит:
Ср, 20 Мар 2024 11:44

Есть пример как это должно выглядеть ? а то я не пойму какие квадратики!

0

Колибри- 24-ру

Меню навигации

Пользовательские ссылки

Объявление

Информация о пользователе

red;;Здесь вы можете заказать для своего чата css код

Сообщений 1 страница 47 из 47

Поделиться1Чт, 24 Авг 2017 20:18

Поделиться2Чт, 24 Авг 2017 20:22

Поделиться3Чт, 24 Авг 2017 20:24

Поделиться4Чт, 24 Авг 2017 20:26

Поделиться5Чт, 24 Авг 2017 20:28

Поделиться6Чт, 24 Авг 2017 20:29

Поделиться7Чт, 24 Авг 2017 20:47

Поделиться8Чт, 24 Авг 2017 20:51

Поделиться9Чт, 24 Авг 2017 20:53

Поделиться10Пт, 25 Авг 2017 10:27

Поделиться11Пт, 25 Авг 2017 10:31

Поделиться12Пт, 25 Авг 2017 10:41

Поделиться13Пт, 25 Авг 2017 10:45

Поделиться14Сб, 26 Авг 2017 09:48

Поделиться15Сб, 26 Авг 2017 09:52

Поделиться16Сб, 26 Авг 2017 21:32

Поделиться17Пн, 4 Сен 2017 01:49

Поделиться18Пн, 4 Сен 2017 08:51

Поделиться19Пн, 4 Сен 2017 16:58

Поделиться20Ср, 6 Сен 2017 00:51

Поделиться21Ср, 6 Сен 2017 08:23

Поделиться22Ср, 6 Сен 2017 10:38

Поделиться23Ср, 6 Сен 2017 18:15

Поделиться24Чт, 7 Сен 2017 01:23

Поделиться25Чт, 7 Сен 2017 19:22

Поделиться26Пн, 11 Сен 2017 16:43

Поделиться27Пн, 11 Сен 2017 16:46

Поделиться28Пн, 11 Сен 2017 20:56

Поделиться29Пн, 11 Сен 2017 23:16

Поделиться30Пн, 11 Сен 2017 23:38

Поделиться31Вт, 12 Сен 2017 15:25

Поделиться32Вт, 12 Сен 2017 15:29

Поделиться33Вт, 12 Сен 2017 15:43

Поделиться34Вт, 12 Сен 2017 16:42

Поделиться35Вт, 12 Сен 2017 22:01

Поделиться36Ср, 13 Сен 2017 00:36

Поделиться37Пт, 15 Сен 2017 14:23

Поделиться38Пт, 15 Сен 2017 15:17

Поделиться39Пн, 23 Окт 2017 01:15

Поделиться40Пн, 23 Окт 2017 13:36

Поделиться41Вт, 24 Окт 2017 23:43

Поделиться42Сб, 4 Ноя 2017 00:47

Поделиться43Вс, 29 Июл 2018 16:07

Поделиться44Вс, 29 Июл 2018 16:59

Поделиться45Пн, 28 Авг 2023 16:46

Поделиться46Вт, 17 Окт 2023 23:48

Поделиться47Пт, 27 Окт 2023 08:11