Thời gian: ![[Share] chatbox style phutu Empty](https://2img.net/i/fa/empty.gif)
Sun Sep 08, 2013 6:52 pm
![[Share] chatbox style phutu Punbb10](https://i.servimg.com/u/f74/16/18/15/10/punbb10.png)
Demo Phutu
cho vào css
cho vào css
- Code:
/*---chatbox---*/
blockquote blockquote,#divcolor img[src="http://2img.net/i/fa/subsilver/wysiwyg/menupop.gif"],img[src="http://2img.net/i/fa/subsilver/wysiwyg/color.gif"],#divsmilies img[src="http://2img.net/i/fa/subsilver/wysiwyg/menupop.gif"],#divunderline{display:none}
div.fontbutton {
cursor:pointer;
height:18px;
border:1px solid #999;
background:#dedede;
}
#submit_button {
margin-right:20px;
}
#divcolor {
border:0;
background:none;
margin-top:-5px;
margin-right:55px;
}
#divsmilies {
margin-left:-65px;
margin-top:13px;
border:0;
background:none;
border-right:1px solid #ccc;
padding-right:8px;
}
img[src="http://2img.net/i/fa/resize.gif"]{display:inline-block;margin-bottom:-20px}
div.fontbutton,div.fontbutton_normal {
margin-top:10px;
width:20px;
height:18px;
background:#FFF url(http://i74.servimg.com/u/f74/16/18/15/10/117.png)repeat-x;
}
div.fontbutton_selected {
border:1px solid #999!important;
background:#dedede;
}
div.fontbutton_clicked {
background:#dedede;
border:1px solid #999;
}
.chatbox-options{font-size:0px;margin-top:5px;padding-right:5px}
.chatbox-options a{border:1px solid #9c999c;
background:#FFF url(http://i74.servimg.com/u/f74/16/18/15/10/117.png)repeat-x;
cursor: pointer;
box-shadow: 0px 1px 0px #dedade;
padding:3px 5px;
color:#000;
font:bold 12px Tahoma;
float:left;
}
.chatbox-options a:active {
background:#dedede;
box-shadow: inset 0 1px 1px #b0b0b0;
}
#chatbox_option_autorefresh{display:none}
#chatbox_members{
background:#ededed url(http://i74.servimg.com/u/f74/16/18/15/10/126.png)repeat-x 2px 28px;
border-right:1px solid #ccc;
margin-bottom:-65px;
margin-top:-30px;
font:bold 12px Arial;
}
#chatbox_members .member-title{
padding:8px;
background: url(http://i74.servimg.com/u/f74/16/18/15/10/128.png)no-repeat 5px;
color:#38788c;
}
#chatbox_footer{
margin-left:181px;
border-top:1px solid #ccc;
background:#f7f7f7;
}
#chatbox{overflow-x:hidden;margin-bottom:41px;background:#FFF;}
#chatbox_header.main-head{border:0px;background: #ededed url(http://i74.servimg.com/u/f74/16/18/15/10/126.png)repeat-x 2px 28px;font-size:0px}
#chatbox_header.main-head a{
color:#333}
#message {
width:440px;
height:15px;
font-size:13px;
border:1px solid #d3d5d6;
background-color:#fff;
margin-left:-180px;
padding:10px;
padding-left:50px;
margin-right:-60px;
margin-top:5px;
margin-bottom:15px;
padding-right:70px;
}
#chatbox img{max-width:550px}
#chatbox img[src*="servimg.com"]{border:1px solid #d4d4d4}
.chatbox_row_1,.chatbox_row_2{color:#adadad;background:#fff}
.user,.msg{font:13px Arial}
#submit_button{margin-right:20px;}
#divcolor{border:0px;background:none;margin-top:-5px;margin-right:55px}
#divsmilies{
margin-left:-65px;
margin-top:13px;
border:0px;
background:none;
border-right:1px solid #ccc;
padding-right:4px;
}
