[Arrumar chatbox] ajuda

victormenezes escreveu:não entendi se quer mais ou menos assim:nesse estilo

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

me explique melhor pois não compreendi,!

Código:

/*chatbox*/
h2.chatbox-title:after { content: "seu forum - Chatbox";}
.chatbox-title, .chatbox-title a.chat-title {background: url(http://i72.servimg.com/u/f72/18/07/42/17/popup10.png) no-repeat scroll 135px 1px transparent;}
a.chat-title {display: none; }
#chatbox_header.main-head {
background: #3A4752 url(http://i78.servimg.com/u/f78/17/96/03/52/mainti10.png) repeat-x;
border: 1px solid #414A53;
padding: 6px 8px 6px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: 0 1px 2px 0 #4D5760 inset;
text-shadow: 1px 1px 1px #333;
}
.chatbox-title, .chatbox-title a.chat-title {
color: #AFB5BF;
font-size: 13px;
font-weight: 300;
}
.chatbox-options {margin: .3em .3em .5em;}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #AFB5BF;
}
.main-content.chatbox.clearfix {
  background: #EBEDEF;
  border-radius: 2px;
  padding: 9px;
  padding-bottom: 0px;
}
#chatbox_members {
display: none;
}
#chatbox p:first-child {
border-top: 1px solid #d5dde5;
}
#chatbox p {
background: #f1f6f9;
border-right: 1px solid #d5dde5;
border-left: 1px solid #d5dde5;
border-bottom: 1px solid #d5dde5;
line-height: 1.2em;
}
#chatbox_footer {
  padding-bottom: 6px;
  border-top: 1px solid #d5dde5;
  background: #f1f6f9;
}
#chatbox_footer .right {
  float: left;
}
#chatbox_messenger_form .right {margin-left: 8px;font-size:0}
input#message.post {
color: #5a5a5a;
border-width: 1px;
border-style: solid;
border-color: #848484 #c1c1c1 #e1e1e1 #c1c1c1;
background: #fff;
padding: 4px;
min-width: 395px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#message, #submit_button {
margin-left: 15px;
}
.fontbutton {
background: #EFF1F3;
border-color: #DEE0E2;
color: #464646;
-moz-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 0 #eff3f8, 0px 2px 3px rgba(0,0,0,0.2);
}
#divsmilies img + img{visibility:visible!important}
#chatbox_messenger_form div.right img{visibility:hidden}
#simple-wrap {
  background:white;
}
#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
background-position: center;
background-repeat: no-repeat;
}
#divbold {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-bold.png);
}
#divitalic {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-italic.png);
}
#divunderline {
background-image: url(http://cdn2.iconfinder.com/data/icons/oxygen/16x16/actions/format-text-underline.png);
}
#divstrike {
background-image: url(http://cdn1.iconfinder.com/data/icons/bnw/16x16/actions/text_strike.png);
}
#divcolor {
background-image: url(http://2img.net/i/fa/wysiwyg/color_swatch.png);
}
#divsmilies {
background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/emotic10.png);
}
#chatbox{
  margin: 10px 0 10px 0;
  border: 1px solid #DCE2EC;
  border-bottom: 6px solid #DCE2EC;
  background: #F6F8FA;
  padding: 8px;
  left:0;
}
/*chat fim*/