Çäåñü âû ìîæåòå çàêàçàòü äëÿ ñâîåãî ÷àòà css êîä
Âàæíî îïåøèòå åãî ðàáîòó è ÷òî îí äîëæåí ìåíÿòü â ÷àòå,,, Windows 7, Chrome,59.0.3071.125
red;;Çäåñü âû ìîæåòå çàêàçàòü äëÿ ñâîåãî ÷àòà css êîä
Ñîîáùåíèé 1 ñòðàíèöà 49 èç 49
Ïîäåëèòüñÿ1×ò, 24 Àâã 2017 20:18
Ïîäåëèòüñÿ2×ò, 24 Àâã 2017 20:22
Ìíå íóæåí êîä ÷òîá ìîæíî áûëî èçìåíèòü èêîíêó ó àäìèíà ÷àòà,çàðàíåå ñïàñèáî Windows 7, Chrome,60.0.3112.101
Ïîäåëèòüñÿ3×ò, 24 Àâã 2017 20:24
Þëü÷èê
Âîò äåðæè
.adm-icon {
background-image: url("àäðåñ êàðòèíêè ");
}Ïîäåëèòüñÿ4×ò, 24 Àâã 2017 20:26
À íà èêîíêó ìîäåðàòîðà ìîæíî êîä Windows 7, Chrome,60.0.3112.101
Ïîäåëèòüñÿ5×ò, 24 Àâã 2017 20:28
Þëü÷èê
ïîìåíÿòü ìîä èêîíêó
.mod-icon {
background-image: url("àäðåñ êàðòèíêè ") !important;
}Ïîäåëèòüñÿ6×ò, 24 Àâã 2017 20:29
Àïîñòîë
Ñïàñèáî Windows 7, Chrome,60.0.3112.101
Ïîäåëèòüñÿ7×ò, 24 Àâã 2017 20:47
Êàê ìíå ñäåëàòü áåãóùóþ ñòðîêó ñ îáúÿâëåíèåì â âåðõó ÷àòà,ïîìîãèòå ïîæàëóéñòà Windows 7, Chrome,60.0.3112.101
Ïîäåëèòüñÿ8×ò, 24 Àâã 2017 20:51
Íÿøêà
Áåãóùàÿ ñòðîêà â øàïêå ÷àòà 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
Ïîäåëèòüñÿ9×ò, 24 Àâã 2017 20:53
[think=http://www.kolobok.us/smiles/standart/acute.gif]Ñïàñèáî [/think] Windows 7, Chrome,60.0.3112.101
Ïîäåëèòüñÿ10Ïò, 25 Àâã 2017 10:27
Äîáðûé äåíü âñåì,Ïîäñêàæèòå ïîæàëóéñòà êàê â øàïêó ÷àòà ïîñòàâèòü ñâîþ êàðòèíêó
Windows 7, Chrome,60.0.3112.101
Ïîäåëèòüñÿ11Ïò, 25 Àâã 2017 10:31
Êñþøà
Ñ ïîìîùüþ ýòîãî êîäà
.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;}Ïîäåëèòüñÿ12Ïò, 25 Àâã 2017 10:41
Àïîñòîë
Ïîäîø¸ë êîä, Áîëüøîå ñïàñèáî!!!
Windows 7, Chrome,60.0.3112.101
Ïîäåëèòüñÿ13Ïò, 25 Àâã 2017 10:45
Êñþøà
[think=http://www.kolobok.us/smiles/standart/acute.gif]Íå çà ÷òî [/think] Windows 7, Chrome,59.0.3071.125
Ïîäåëèòüñÿ14Ñá, 26 Àâã 2017 09:48
[think=http://www.kolobok.us/smiles/standart/acute.gif]Ïðèâåò âñåì[/think] Êàê èçìåíèòü öâåò è øðèôò íèæíèõ ññûëîê â ÷àòå Windows 7, Chrome,60.0.3112.101
Ïîäåëèòüñÿ15Ñá, 26 Àâã 2017 09:52
Íÿøêà
öâåò è øðèôò íèæíèõ êíîïî÷åê
.chatFooter .chatFooterWrapper .chatPanel div a span {font-family: Monotype Corsiva;
font-style: normal;color: #ffff00;/* öâåò ìîæíî ìåíÿòü-Àïîñòîë */
font-size: 12pt;/* ðàçìåð øðèôòà ìîæíî ìåíÿòü-Àïîñòîë */
}Ïîäåëèòüñÿ16Ñá, 26 Àâã 2017 21:32
Windows 7, Chrome,60.0.3112.101
Ïîäåëèòüñÿ17Ïí, 4 Ñåí 2017 01:49
Ìíå íóæåí äèçàéí ÷àòà íà îñåííþþ òåìó, ÷òîáû ïîáîëüøå àíèìàöèè è âñå, ÷òîáû áûëî ñâÿçàíî ñ îñåíüþ. Windows 7, opera 60.0.3112.90,
Ïîäåëèòüñÿ18Ïí, 4 Ñåí 2017 08:51
Ìíå íóæåí äèçàéí ÷àòà íà îñåííþþ òåìó, ÷òîáû ïîáîëüøå àíèìàöèè è âñå, ÷òîáû áûëî ñâÿçàíî ñ îñåíüþ. +
[think=http://www.kolobok.us/smiles/standart/acute.gif]Â ðàçðàáîòêå æäèòå [/think] Windows 7, Chrome,59.0.3071.125
Ïîäåëèòüñÿ19Ïí, 4 Ñåí 2017 16:58
Êîä ÷àòà íà òåìó îñåíü
.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
Ïîäåëèòüñÿ20Ñð, 6 Ñåí 2017 00:51
À ó ìåíÿ êîä íå ðàáîòàåò âîîáùå. Windows 7, opera 60.0.3112.90,
Ïîäåëèòüñÿ21Ñð, 6 Ñåí 2017 08:23
Èñïðàâëåíà îøèáêà ñ êîïèðîâàíèåì êîäà Windows 7, Chrome,59.0.3071.125
Ïîäåëèòüñÿ22Ñð, 6 Ñåí 2017 10:38
Êîä ÷àòà íà òåìó îñåíü
Êîä:
Êîä èñïðàâëåí
Ïîäåëèòüñÿ23Ñð, 6 Ñåí 2017 18:15

Îòðåäàêòèðîâàíî Áëýê (Ñð, 6 Ñåí 2017 18:16)
Ïîäåëèòüñÿ24×ò, 7 Ñåí 2017 01:23
Ñïàñèáî ÁÎËÜØÓÙÅÅ çà êîä!!!
Ïîäåëèòüñÿ25×ò, 7 Ñåí 2017 19:22
Êîä ÷àòà íà òåìó îñåíü
Windows 7, Chrome,59.0.3071.125

Ïîäåëèòüñÿ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
Àïîñòîë
À êàê óáðàòü òó òðÿñêó êàðòèíîê è íèêîâ ïðè îáðàùåíèè???
Äðîæàùèå íàçâàíèå â ÷àòå
@-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%;
}Ïîäåëèòüñÿ32Âò, 12 Ñåí 2017 15:29
Äðîæàùèå íàçâàíèå â ÷àòå
Ìíå íàäî äðîææàíèå êàðòèíîê è ñìàéëîâ.
Ïîäåëèòüñÿ33Âò, 12 Ñåí 2017 15:43
Ìíå íàäî äðîææàíèå êàðòèíîê è ñìàéëîâ.
ß óæå ñàì íàøåë, íî âñå ðàâíî ñïàñèáî çà ïîìîùü!
Ïîäåëèòüñÿ34Âò, 12 Ñåí 2017 16:42
À êàê ñìåíèòü öâåò âðåìåíè ñîîáùåíèé?
Ïîäåëèòüñÿ35Âò, 12 Ñåí 2017 22:01
À êàê ñìåíèòü öâåò âðåìåíè ñîîáùåíèé?
Öâåò âðåìåíè â ÷àòå
.chatTime {
font-size: 12pt; /* ðàçìåð âðåìåíè */
color: #ff0000;} /* öâåò âðåìåíè */Ïîäåëèòüñÿ36Ñð, 13 Ñåí 2017 00:36
Öâåò âðåìåíè â ÷àòå
Ñïàñèáî!
Ïîäåëèòüñÿ37Ïò, 15 Ñåí 2017 14:23
Äðîæàùèå íàçâàíèå â ÷àòå
À ìîæíî ëè ýòî íàçâàíèå ñìåùàòü â ðàçíûå ñòîðîíû?
Ïîäåëèòüñÿ38Ïò, 15 Ñåí 2017 15:17
@-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%;/*Ïîëîæåíèå íàçâàíèÿ â ÷àòå*/
}
Äâèãàòü ìîæíî ,ñìîòðè â êîäå ,Ïîëîæåíèå íàçâàíèÿ â ÷àòå
Ïîäåëèòüñÿ39Ïí, 23 Îêò 2017 01:15
À êàê ñäåëàòü ðàçìåð òåêñòà â ñîîáùåíèÿõ áîëüøå ñòàíäàðòíîãî?
Ïîäåëèòüñÿ40Ïí, 23 Îêò 2017 13:36
À êàê ñäåëàòü ðàçìåð òåêñòà â ñîîáùåíèÿõ áîëüøå ñòàíäàðòíîãî?
.chatMain .chatMessages, .chatMain .chatPrivateMessages {
font-family: Arial;/*íàçâàíèÿ øðèôòà*/
font-weight: bold;
font-size:18px;/*ðàçìåð øðèôòà*/
text-shadow: 1px 1px 0 #000;
}âîò
Ïîäåëèòüñÿ41Âò, 24 Îêò 2017 23:43
âîò
ñïàñèáî
Ïîäåëèòüñÿ42Ñá, 4 Íîÿ 2017 00:47
êàê âûäåëèòü íèê íåçàðèãèñòðèðîâàíîãî ïîëüçîâàòåëÿ â êîëîíêå îíëàéí
Ïîäåëèòüñÿ43Âñ, 29 Èþë 2018 16:07
Çäðàâñòâóéòå,ìîæíî CSS äëÿ îòäåëüíîãî ôîíà â áîêîâóþ ïàíåëüêó?
Îòðåäàêòèðîâàíî Óñàãè Öóêèíî (Âñ, 29 Èþë 2018 16:07)
Ïîäåëèòüñÿ44Âñ, 29 Èþë 2018 16:59
Çäðàâñòâóéòå,ìîæíî 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----âñòàâü ñâîé àäðåñ,âñ¸ ãîòîâî
Ïîäåëèòüñÿ45Ïí, 28 Àâã 2023 16:46
çäðàâñòâóéòå, à ìîæíî css-êîä äëÿ âûïàäàþùåãî ñïèñêà ïîëüçîâàòåëåé, ñïðàâà ?
Ïîäåëèòüñÿ46Âò, 17 Îêò 2023 23:48
äîáðûé äåíü ìíå íóæåí êîä ÷òîáû â îêíå ñìàéëû îíè áûëè â êâàäðàòèêàõ ìîæåòå ñäåëàòü çàðàíåå ñïàñèáî .::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::.
Ïîäåëèòüñÿ47Ïò, 27 Îêò 2023 08:11
Åñòü ïðèìåð êàê ýòî äîëæíî âûãëÿäåòü ? à òî ÿ íå ïîéìó êàêèå êâàäðàòèêè!
Ïîäåëèòüñÿ48Ñá, 30 Íîÿ 2024 11:36
ауав77.8BettBettвещеLiebLineучилТравСаврGhibВели4078wwwd25-1AlleDormDekoSonyпутеExtrКолб
�лужколл�ртиРо��унивJardLoui�ертИллюМельJewe�белобраGera�ерт�ертФалиPublРомаУжа�кур�Тамо
NokiLuciBrauRitcГущиКолиHondFreeEndlме��MPLSJohaColu1877переSainXVIIШтраSand�емчГабрЧерн
рабоFranДуроWindPushу�пеFallWindsociChriWindKingXVIIBusiWindBalaThisdiamCompКИ-3вражSilv
Ро���ртиBuzzИнайKnitВС-7Кудазакачи�тТрубBubcКра�Ми�уBagdToddJameJohnРазмBramBraiBrenТауб
HumawwwnAquaLondLassценаколлра�тT-01HDMICataArdoGeniNintкнижШрейChicЮвелРо��CarcрегуOlme
компRefeLanzнероОхотAvanValiHasbEducДревBlue�амоWindWindwwwiPhil�траHyunChouCartWhisRowa
�к�пЛитРВитаЛитРChanЛитРЛитРЛитРВейдТол�польоднаи�тоMaurУкраунивКареролеXVIIIntrHearToug
�мриPlusUajtтанцBarbXVIIHansобра�икохудоКронкругBrokBobbПичу(197виктЗемцПотималепритThom
Adelго�уФормПереModeStiawwwaT-01T-01T-01автоМиллРокоThouClocРомаЧернПивоКрайфакуIntrФедо
tuchkas95-1Ермо
Ïîäåëèòüñÿ49Ñá, 6 Èþí 2026 11:43
Êàê ñîçäàòü Ôîðóì









