• Descrição:

Olá, queria arrumar meu Chatbox. Alguém poderia me dar o code dessa personalização:

• Bordas grossas superiores e inferiores de cor cinzas, bem próximas do Chatbox. Pois estão longe demais, queria que ficassem como a outra borda que esta sem radius.

• Tirar esta borda sem radius.

• Centralizar o cabeçalho "Chatbox" trocar ele por "Chat - Fórum Naruto Ultimate"

• Trocar o campo input "text" onde escreve a mensagem, pelo input "textarea", com altura de 150px apenas, e a largura pode deixar a padrão.

É isso, o meu Chatbox ficou bem desarrumado. Veja
~> http://forumnarutoultimate.forumeiros.com
no final da page
~ Por favor, não se registrem. Não quero que tenha membros daqui no meu fórum,pelo motivo do qual desnecessariamente terei membros do FdF lá por acaso. E ocupando lugar consequentemente. Abraços, Soldier.

• Informações:

Código:


/* Chatbox-------------------------------------
------------*/
body.chatbox {
 background-image: none;
 }
.chatbox {
 background-color: #ffffff;
 }
#chatbox_header {
 height: 30px;
 background-color: #424242;
 }
.chatbox .forabg {
 margin: 0;
 border: none;
 padding: 0;
 margin: 0;
 background-color: #424242;
 }
.chatbox-title,.chatbox-title a.chat-title {
 color: #cccccc !important;
 }
.chatbox-title {
 float: left;
 margin: 0;
 padding: 2px 5px 0 5px;
 width: 15em;
 }
.chatbox-options {
 float: right;
 list-style: none;
 font-size: 11px;
 margin: 0.7em 0.5em 0.5em 0.5em;
 }
.chatbox-options li {

 display:inline;
 }
.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
 color: #cccccc;
 }
#chatbox_members {
 position: absolute;
 top: 30px;
 bottom: 30px;
 width: 180px;
 overflow: auto;
 border-right: 1px solid ;
 }
#chatbox_members .member-title {
 text-align: center;
 padding: 0.5em 0.25em;
 background-image: none;
 font-size: 12px;
 background-color: #ffffff;
 color : #000000;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 }
#chatbox_members ul {
 list-style: none;
 margin: 0 0 0 1em;
 }
#chatbox_members ul li {
 margin: 0.5em 0.5em 0.5em 0;
 }
#chatbox {
 position: absolute;
 top: 30px;
 left: 181px;
 right: 0;
 bottom: 30px;
 overflow: auto;
 line-height: 10px;
 }
.chatbox_row_1 {
 padding: 4px;
 background-color: #ffffff;
 }
.chatbox_row_2 {
 padding: 4px;
 background-color: #ffffff;
 }
.chatbox_row_3 {
 padding: 4px;
 background-color: #ffffff;
 }
.memberlist_row_1 {
 background-color: #ffffff;
 }
#chatbox_footer {
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 padding: 5px;
 }
#chatbox_footer label {
 color: #cccccc;
 }
#message,#submit_button{
 border-width: 1px;
 }
.fontbutton {
 padding: 1px;
 cursor: pointer;
 text-align: left;
 }
.fontbutton_normal {
 background: #E1E1E2;
 }
.fontbutton_selected {
 background: #BBC7CE;
 border: 1px solid #22229C;
 }
.fontbutton_clicked {
 background: #959595;
 border: 1px solid #22229C;
 }
.fontbutton_hover {

 background: #E1E1E2;
 border: 1px solid #22229C;
 }
#chatbox_contextmenu {
 border: 2px solid black;
 background-color: #ffffff;
 }
#chatbox_contextmenu p {
 margin:0;
 padding: 1px 4px;
 font-family: verdana, arial, sans-serif;
 background: #ffffff;
 border-bottom:1px solid #777;
 }
#chatbox_contextmenu p.hover {
 background: #ffffff;
 }
#chatbox_contextmenu p.close {
 background: #ddd;
 padding: 1px;
 font-size: 95%;
 color:#fff;
 background: url('');
 }
#chatbox_contextmenu p.close img {
 vertical-align: middle;
 padding-left: 20px;
 }
#chatbox_contextmenu a {
 color: #000000;
  text-decoration: none;
  font-size: 95%;
 }
#chatbox_contextmenu a:hover {

 color: ;
 }
.fontbutton {
 background:#E1E1E2 none repeat scroll 0%;
 border:medium none;
 color:#000000;
 float:left;
 margin-right:10px;
 padding:1px;
 }
#chatbox .user {
 font-weight: bold;
 }
* html #chatbox-members {
 
/* IE expressions helping IE work in
Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
 }
* html #chatbox {
 
/* IE expressions helping IE work in Standards mode */
height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
 width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fo
ntSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
 }
* html #chatbox-footer {
 
/* IE expressions helping IE work in Standards mode */
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fo
ntSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
 }
/* Stats------------------------------------------------------------------------------------------*/
table.forumline {
 font-size: 1.2em;
 background-color: #424242;
 background-image: url('http://2img.net/i/fa/empty.gif');
 padding: 5px;
 background-repeat: repeat-x;
 background-position: 0 0;
 }
table.forumline td.catHead {
 text-align: left;
 color: #cccccc;
 font-family: Arial,Helvetica,sans-serif,Verdana,Arial,Helvetica,sans-serif;
 text-transform: uppercase;
 font-size: 0.85em;
 font-weight: bold;
 padding-bottom: 5px;
 }
table.forumline tr:hover td.catHead {
 background-color: transparent;
 }
table.forumline th.thCornerL, table th.thTop, table th.thCornerR {
 background-color: #ffffff;
 height: 25px;
 }
table.forumline td {
 height: 20px;
 }
table.forumline tr:hover td {
 background-color: #ffffff;
 }
table span.gen {
 margin-left: 5px;
 }
table.forumline.statistical td,table.forumline.bars td,table.forumline.values td {
 padding: 0 1px;
 }
table.forumline td.stat-bar {
 padding: 0 10px;
 }
/* Corners------------------------------------------------------------------------------------------*/
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
 font-size: 1px;
 line-height: 1px;
 display: block;
 height: 5px;
 background-repeat: no-repeat;
 }
span.corners-top {
 background-image: none;
 background-position: 0 0;
 margin: 0 -5px;
 }
span.corners-top span {
 background-image: none;
 background-position: 100% 0;
 }
span.corners-bottom {
 background-image: none;
 background-position: 0 100%;
 margin: 0 -5px;
 clear: both;
 }
span.corners-bottom span {
 background-image: none;
 ;
 background-position: 100% 100%;
 }
.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
 margin: 0 -10px;
 }
span.corners-top {
  background-image: url("[url=http://2img.net/i/fa/prosilver/corners_left.gif]http://2img.net/i/fa/prosilver/corners_left.gif[/url]");
  }
span.corners-top span {
  background-image: url("[url=http://2img.net/i/fa/prosilver/corners_right.gif]http://2img.net/i/fa/prosilver/corners_right.gif[/url]");
  }
span.corners-bottom {
  background-image: url("[url=http://2img.net/i/fa/prosilver/corners_left.gif]http://2img.net/i/fa/prosilver/corners_left.gif[/url]");
  }
span.corners-bottom span {
  background-image: url("http://2img.net/i/fa/prosilver/corners_right.gif[url=http://2img.net/i/fa/prosilver/corners_right.gif][/url]");
  }

Código:

#chatbox_header {
border-radius: 0px!important;
}
#chatbox_footer {
border-radius: 0px!important;
}
h2.chatbox-title:after {
content: "Chat - Fórum Naruto Ultimate"!important;
}
a.chat-title { display: none; }
.chatbox-title, .chatbox-title a.chat-title {
color: #393939;
font-size: 12px;
font-weight: bold;
}
.chatbox-title {
text-align: center;
}