Xin giao diện chatbox[✔]

[ngochan]

Demo http://thanhocvietnam.forumvi.com/
Nick test: Diễm Ngô
pass: 543216789

[anhdausai]

thêm vào css

Code:

/*.gen label input#message {
height: 22px;
width: 500px;
font-family: Tahoma;
font-size: 12px;
Color: #0000D0;
border: 0px solid #FFc9c9;
background-color: #FFFFFF;
border-radius: 0px;
}*/

#divbold,#divcolor,#divitalic,#divsmilies,#divstrike,#divunderline {
background:url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x #FFF;
border:1px solid #C9C9C9;
border-image:initial;
border-radius:3px;
}

.fontbutton {
border:0;
}

.fontbutton_normal {
background:#E1E1E2;
}

input#submit_button:hover {
background:url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;
border:1px solid #A2A2A2;
border-image:initial;
color:#2C2C2C;
}

input#submit_button {
background:url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x #000000;
border:1px solid #C9C9C9;
border-image:initial;
border-radius:3px;
color:#929292;
cursor:pointer;
font-size:12px;
padding-left:2px;
padding-right:2px;
text-transform:uppercase;
}

#chatbox_header.main-head {
background-color: #615E5E;
color:#DEDFDF;
padding:0 1.3em;
}

#chatbox_members {
background-image: url("http://i76.servimg.com/u/f76/18/21/21/37/hinh_n10.jpg");
color:#FFF;
font-family:Tahoma;
font-size:14px;
font-weight: bold;
text-align:center;
padding:.5em .25em;
width: 150px;
color: #FF0000;

}

#chatbox {
background-color: #FFFFEE;
background-image: url("http://i76.servimg.com/u/f76/15/64/85/86/lenn310.jpg");
left: 150px;
}

.chatbox_row_1:first-child span[style=font-style:italic]:before {
content:" BĂ¡ÂºÂ¡n Ă„â€˜Ä‚Â£ mĂ¡ÂºÂ¥t kĂ¡ÂºÂ¿t nĂ¡Â»â€˜i - HĂ£y bĂ¡ÂºÂ¥m Ă„â€˜Ă„Æ’ng nhĂ¡ÂºÂ¬p Ă„â€˜Ă¡Â»Æ’ tiĂ¡ÂºÂ¿p tĂ¡Â»Â¥c";
visibility:visible;
margin-top:50px;
margin-left:50px;
}

.chatbox_row_1:first-child span[style=font-style:italic] {
visibility:hidden;
font-weight:700;
}


/* Chatbox */
.chat-title:after{content: "Người Đà Lạt";font-weight:bold;padding-left:10px;}
#submit_button{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px!important;
color: #2a69e8!important;
padding: 5px 10px!important;
background: -moz-linear-gradient(
top,
#ffffff 0%,
#ffffff 50%,
#d6d6d6);
background: -webkit-gradient(
linear, left top, left bottom,
from(#ffffff),
color-stop(0.50, #ffffff),
to(#d6d6d6));
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 3px solid #000000!important;
-moz-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 3px rgba(255,255,255,1);
-webkit-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 3px rgba(255,255,255,1);
text-shadow:
0px -1px 0px rgba(000,000,000,0.1),
0px 1px 0px rgba(255,255,255,1);
}
#submit_button:hover{
color: #2a69e8!important;
box-shadow:inset 0 0 5px #222;
}
#chatbox_footer{
background: url('http://i41.servimg.com/u/f41/16/71/63/22/fondoh10.png');
}
.chatbox-options li a, .chatbox-options li label{
color: #FFF!important;
}
#chatbox_header{
background: url('http://i41.servimg.com/u/f41/16/71/63/22/fondoh10.png');
color: white!important;
text-shadow: 0 2px 3px black!important;
}
#chatbox_contextmenu{
box-shadow: 0 0 5px #222;
}



p.chatbox_row_2{
border:0px solid #CCC;
border-radius:2px!important;
font-weight:700!important;
padding:3px;
color: green;
background-color: #FFFFEE;
}

p.chatbox_row_1{
border:0px solid #CCC;
border-radius:5px;
font-weight:700!important;
padding:3px;
color: blue;
background-color: #FFF2FF;

}

span.msg{display: inline-block;
padding: 4px 1px;
font-size: 13px;
font-weight: bold;
}

.fontbutton{
border-radius: 5px;
border: 1px solid #222;
box-shadow: 0 0 5px #222;
padding: 1px;
}

input[id="message"]{
top: 1px;
border: 1px solid #088A08;
font-weight: bold;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow:inset 0px 0px 2px black;
-webkit-box-shadow:inset 0px 0px 2px black;
box-shadow: 0px 0px 2px black;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
width: 500px;
height: 22px;
background-color: #FFFFEF;
}

input[id="message"]:hover{
border: 1px solid #FF0000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow:inset 0px 0px 3px black;
-webkit-box-shadow:inset 0px 0px 3px black;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
width: 500px;
height: 22px;
background-color: #DFFFFF;
}

input[id="message"]:focus{
border: 1px solid blue;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow:inset 0px 0px 2px black;
-webkit-box-shadow:inset 0px 0px 2px black;
box-shadow: 0px 0px 1px black;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
width: 500px;
height: 22px;
}

#chatbox_members,#chatbox,#chatbox_footer{background-color:#FFF}

/* Bỏ @*/
#chatbox_members li span + a span,#chatbox_members a span + span,#chatbox .user > span + a {margin-left:-4px}
    #chatbox_members li span + a span {display:inline-block!important}
    #chatbox_members li > span,#chatbox .user > span,#chatbox_members a[href="/u1"] span:first-child{display:none}