Đăng nhập

Ghi nhớ
Latest topics
» Xin forum rao vặt vBulletin 4.1.11
by arber 1/8/2017, 4:17 am

» Tôi sẽ đỗ đại học!
by handsomevip007 16/7/2017, 4:27 pm

» Xin hỗ trợ về DNS Domain cho Forumvi
by hoangthong 9/5/2017, 9:37 pm

» skin xinh forum full punbb
by kenbi05 8/5/2017, 10:47 am

» HỖ TRỢ GIÚP MÌNH VỀ VIỆC MẤT CHỨC NĂNG KIỂM TRA THÀNH VIÊN XEM BÀI TRONG GROUP FB
by hoangthong 4/5/2017, 9:14 am

» Xin chỉ giúp cách fix hình nền header cho forumvi
by Phuongtran 25/4/2017, 4:43 pm

» [Mod] Shop Gunny (New Version)
by accit 14/4/2017, 10:30 am

» Giới thiệu 3 mẫu smartphone nổi bật cho bạn quan tâm
by huydv 21/3/2017, 11:14 pm

» [Thông báo] Đổi tên miền diễn đàn[✔]
by vietkanpy 9/3/2017, 8:28 am

» Skin]Teen Pro9x [ PunBB ]
by phamtuananh9x 15/2/2017, 12:57 pm

» [Help] Nhờ mọi người " RIP " giúp mình[✔]
by sayedn73 7/2/2017, 10:31 pm

» CHÚC MỪNG NĂM MỚI
by Exterminator 7/2/2017, 12:16 pm

» Cần giúp đỡ về Ads Banner trong forum
by sayedn73 7/2/2017, 12:42 am

» Xin index box forumvi [✔]
by sayedn73 5/2/2017, 6:50 am

» LỖI ADD TRANG CHỦ
by tommy_phan 17/1/2017, 11:04 am

» Bác nào rảnh tham gia cho vui nhé
by phamthohoa 27/12/2016, 10:06 am

» Cần xin skin ngamvn.com
by sayedn73 14/12/2016, 2:24 am

» Cách đổi nền Forum
by sayedn73 27/10/2016, 1:28 am

» Skin CNTT-K3 2015 (Full Mod)[✔]
by sayedn73 27/10/2016, 1:14 am

» Share skin Gameprivatevn.ace.st
by help me 23/10/2016, 4:32 pm

» Share Skin Xanh Dương Cùi Bắp
by Thànhkent 21/10/2016, 1:37 pm

» [Thắc mắc] RIP Giúp Em Topics_Blog_Box
by sayedn73 21/10/2016, 8:03 am

» Làm sao để làm Shop Pet
by aquariuss 20/10/2016, 2:21 pm

» các thím trên chinhphuc thử tìm từ khóa này xem
by bucnong1 17/10/2016, 1:35 pm

» Cách tăng lượng view ảo xem topic ?
by Tin VIP 4/10/2016, 9:34 am

Top posting users this week


Xin giao diện chatbox[✔]

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down

Xin giao diện chatbox[✔]

Bài gửi by ngochan on 18/8/2014, 9:51 am

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

Chrome PunBB
Ngày đăng ký : 26/07/2014
Số bài : 26
CPP : -20
Châm ngôn sống : HP

Xem lý lịch thành viên

Về Đầu Trang Go down

Re: Xin giao diện chatbox[✔]

Bài gửi by anhdausai on 18/8/2014, 11:20 am

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}

avatar
anhdausai
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 24/08/2011
Số bài : 230
CPP : 284
Châm ngôn sống : Không có code vô dụng chỉ có người ngu không biết sử dụng code

Xem lý lịch thành viên http://www.vngame.pro/

Về Đầu Trang Go down

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang


 
Permissions in this forum:
Bạn không có quyền trả lời bài viết