Chat box

Qual é minha questão:
Olá, teria como me ajuda a coloca um chat box diferente o meu que estou usando só é azul em cima quero normal como os dos outros.

Endereço do meu fórum:
http://portaldapublicidade.forum-pro.net

Versão do fórum:
PUNBB

Normal como amigo ?
Poderia falar a cor,

Até !

coloque em seu CSS:

Código:



/*chatbox*/
#chatbox_header.main-head {
background: #7192A8 url(http://www.phpchatsoftware.com/vbulletin/images/buttons/newbtn_middle.png) repeat-x;
padding: 0;
font: bold 12px Arial, Tahoma,Calibri,Verdana,Geneva,sans-serif;
color: white;
float: left;
border: 1px solid #5A7F97;
width: 100%;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
}
.chatbox-title, .chatbox-title a.chat-title, .chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: white;
font-size: 12px;
font-weight: bold;
}
#chatbox_messenger_form {
margin: 0 0 0;
}
#chatbox_members .member-title {
background-color: #F4F9FD;
border-bottom: 2px solid green;
color: green;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
padding: .5em .25em;
text-align: center;
text-shadow: 1px 0 0 white;
}
#chatbox_members {
right: 0;
margin: 3px;
max-width: 170px;
margin-top: 5px;
border: 1px solid #5d92ab;
}
#chatbox p {
background: #f2f2f2;
border: 0px;
border-collapse: separate;
border-spacing: 2px;
line-height: 1.3em;
}
#chatbox_footer {
  border-top: 0px;
  top: 35;
  clear: both;
  background-color: #fbfbfb;
  width: 225px;
}
#chatbox_messenger_form .right {font-size:0;float: left;padding-top: 10px;}
input#message.post {
font-weight: normal;
height: 95px;
width: 200px;
border-radius: 4px;
background: white;
border: 1px solid #5d92ab;
color: #9F9F9F;
text-shadow: white 0px 1px 0px;
box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
margin: 10px;
margin-bottom: 0px;
}
#submit_button {cursor: pointer;}
#message, #submit_button {
background: #E9E9E9 url(http://i.imgur.com/XkvgwCL.png) repeat-x 0% 0%;
border: 1px solid #A8A8A8;
border-radius: 0px;
font: bold;
padding: 3px 6px;
margin: 10px;
}
#message, #submit_button:hover {
background: #EFEFEF url(http://i.imgur.com/vyzIyTV.png) repeat-x;
color: #5d92ab;
}
.fontbutton {
background: transparent;
border-left: 1px solid #363636;
float: left;
margin: 3px;
padding: 3px;
}
#divsmilies img + img{visibility:visible!important}

#chatbox_messenger_form div.right img{visibility:hidden}

#show_color {display: none;}
#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{
  background-color: #f2f2f2;
  padding: 8px!important;
  border: 1px solid #5d92ab;
  left: 235;
  right: 181px;
  margin-top: 5px;
}
#chatbox:before { content: "Chatbox";color: #4286a6;background-color: white;border: 1px solid #4286a6;padding: 2px;width: 100%;}
div.main-content.chatbox.clearfix {
  border: 1px solid #5d92ab;
  background: white;
  border-radius: 6px;
}
html, body[text="#536482"] {background: #fbfbfb;}


Agrada?

Saudações!

Aceda à teu painel administrativo:
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS

Código:

Código:

#chatbox_footer .right div[class][id]{height:20px;margin-right:0;border:0;border-right:1px solid #CFCFCF;background-color:#f5f5f5;padding:7px;cursor:default}#chatbox_footer .right div[class][id]:first-child{border-left:1px solid #CFCFCF}#chatbox_main_options span,#chatbox_main_options label,#chatbox_main_options a{height:34px;margin-right:0;border:0;border-right:1px solid #CFCFCF;background-color:#f5f5f5;padding:7px;color:#000;padding-top:14px}#chatbox_main_options{position:absolute;bottom:0;left:0;z-index:1;color:#818181!important;height:34px;font-size:0;margin:0;margin-bottom:-25px}#chatbox_main_options li a[onclick*="ajax_refresh_chatbox"]{font-size:0;background:url(http://www.arecontvision.com/cool_captcha/icon-reload.gif) no-repeat center #f5f5f5;padding-top:25px;padding-bottom:9px;padding-right:31px;border-top:1px solid #CFCFCF;cursor:default}#chatbox_main_options a[href="/chatbox/index.forum?archives=1"],#chatbox_main_options a[href="/chatbox/index.forum?archives"]{font-size:0;background:url(http://www.dreamtemplate.com/dreamcodes/web_icons/gray-archive-icon.png) no-repeat center whiteSmoke;padding-top:25px;padding-bottom:9px;padding-right:31px;border-top:1px solid #CFCFCF;cursor:default}#chatbox_main_options a[href="/chatbox/index.forum?archives"]{background-color:#E6E6E6}#chatbox_main_options li a[onclick="CB_disconnect();"]{border-right:0;padding:0}#chatbox_main_options li a[onclick="CB_disconnect();"] span{font-size:0;background:url(http://i.imgur.com/xXA8w.gif) no-repeat 50% 50% #f5f5f5;padding-top:25px;padding-bottom:9px;padding-right:31px;border-top:1px solid #CFCFCF;cursor:default}#chatbox_footer{padding:0;background:url() #f5f5f5;border-top:1px solid #CFCFCF;display:block!important;border-radius:0}#chatbox_messenger_form .right {padding:0;font-size:0}#chatbox_messenger_form .right input#message{height:34px;font-weight:normal;background-color:white;background-image:url();border:0;height:34px;margin-bottom:0;font-size:16px;cursor:default;padding:0 0 0 5px;outline:none;width:304px}#chatbox_messenger_form .right input[name="submit_button"]{height:33px;font-size:15px;border:0;background-color:transparent;padding-left:10px;padding-right:11px;margin-left:-4px;cursor:default;font-weight:normal}#chatbox_messenger_form .right img[src="http://2img.net/i/fa/subsilver/wysiwyg/menupop.gif"],#chatbox_members h4.member-title,#chatbox_main_options li#chatbox_option_autorefresh,#chatbox p.clearfix span.date-and-time,#chatbox p.clearfix:hover span.date-and-time{display:none}#chatbox_header{height:0;font-size:0}#chatbox{top:32px;left:0}#chatbox p.clearfix:first-child{padding-top:8px}#chatbox_members{position:absolute;z-index:1;height:31px;left:0;top:0;width:100%;background:url(http://www.addthis.com/forum/styles/addthis2/theme/images/whosonline.gif) 8px -3px no-repeat white;overflow-y:hidden;border-bottom:1px solid #CFCFCF}#chatbox_members li{display:inline;margin-right:0}#chatbox_members a:last-child:after{content:', '}#chatbox_members li:last-child a:last-child:after{content:''}#chatbox_members ul{padding-top:8px;font-size:12px;margin:0;overflow-y:hidden;overflow-x:auto;margin-left:46px;padding-right:8px;padding-bottom:0;white-space:nowrap;height:23px;max-width:none}#chatbox_footer #chatbox_messenger_form .right .fontbutton:hover,#chatbox_header #chatbox_main_options.chatbox-options a:hover,#chatbox_header #chatbox_main_options.chatbox-options span:hover,#chatbox_messenger_form .right input[name="submit_button"]:hover{background-color:#CFCFCF!important}#chatbox_footer #chatbox_messenger_form .right .fontbutton.fontbutton_selected{background-color:#E6E6E6}#chatbox p.clearfix{background-color:#EDEFF4;margin:0;padding:5px;padding-left:0;margin-left:7px;margin-right:7px}#chatbox p.clearfix span.user,#chatbox p.clearfix .msg,#chatbox_main_options li{font-size:0}#chatbox p.clearfix .msg,#chatbox p.clearfix span.user *{font-family:Verdana;font-size:12px}.user a[href*="/u"]{margin-right:8px}.user span:first-child strong{margin-right:4px}.user span:last-child strong{margin-right:0}a[onclick*="ajax_refresh_chatbox"]:hover{background:url(http://www.arecontvision.com/cool_captcha/icon-reload.gif) 50% 50% no-repeat #000!important}#chatbox p.clearfix[class^="chatbox_row_1"] span[style="font-style:italic"]{font-size:15px;font-style:normal!important;margin-left:-66px;background-color:#EDEFF4}#chatbox p.chatbox_row_1.clearfix:first-child span[style="font-style:italic"]:last-child{font-size:0px}#chatbox p.chatbox_row_1.clearfix:first-child span[title]:first-child{visibility:hidden}#chatbox p.chatbox_row_1.clearfix:first-child span[style="font-style:italic"]:last-child:before{margin-left:7px;background:url(http://i.imgur.com/xXA8w.gif) top left no-repeat;background-size:20px;padding-left:22px;content:'Entre para conversar';font-size:15px}#chatbox_contextmenu{z-index:1}#chatbox_messenger_form{margin-top:0px}.user-msg{display:inline-block;padding-left:38px;background:url(http://i.imgur.com/BMdww.gif) no-repeat top left;background-size:32px 32px;min-height:32px}.user-msg .msg{display:block}.user-msg .msg span{border-image-width:0px;border:0px;border-image-source:url(http://i.imgur.com/BMdww.gif)}

<li> Obs:. Coloque o código acima no 'Inicio' de teu CSS, para que não haja problema.


Atenciosamente,
Sennior!

Olá, Bugou o Chat todo!

Até mais!

Olá!

Não entendi bem como deseja, mas fiz uma edição para o senhor:

Código:

#chatbox_header {
moz-box-shadow: inset rgba(0,0,0,0.25) 0 0 0 1px;
-webkit-box-shadow: inset rgba(0,0,0,0.25) 0 0 0 1px;
background-color: #e04547 !important;
box-shadow: inset rgba(0,0,0,0.25) 0 0 0 1px;
color: #fff;
font-size: 12px;
font-weight: 300;
padding: 16px;
}
.main-content.chatbox.clearfix {
moz-box-shadow: inset rgba(0,0,0,0.25) 0 0 0 1px;
-webkit-box-shadow: inset rgba(0,0,0,0.25) 0 0 0 1px;
background-color: #e04547 !important;
box-shadow: inset rgba(0,0,0,0.25) 0 0 0 1px;
color: #fff;
font-size: 12px;
font-weight: 300;
padding: 4px;
border-radius: 6px;
}

Até mais.

Não ficou muito bonito mais obrigado!