Fundo do chatbox

["Aldebaran]

Qual é minha questão:
O chatbox do meu fórum está sem fundo,mostrando assim a background do fórum,queria qu ele fica-se com o fundo branco tem como?

Medidas que eu tomei para corrigir o problema:
N/A

Links e imagens do meu problema:
N/A

Endereço do meu fórum:
http://nrpghistory.forumeiros.com

Versão do meu fórum:
PUNBB

[Seikon]

Ola, para isso vamos usar algo basico que é a propriedade background color sendo assim aceda a:

Painel de Controle Visualização Cores Folha de Estilo Css

Adicionando ao topo de sua folha o seguinte codigo

#chatbox {
background-color: #FF0000;
}

#chatbox_members
background-color: #FF0000;
}

Lembrando que a parte destacada em negrito é onde pode escolher a cor de fundo, espero ter ajudado para mais informaçoes veja este tutorial...

["Aldebaran]

O lado onde fica os membros conectados,ainda está sem fundo.

[MateusV.]

Olá, adicione este codigo em seu CSS

#chatbox_members {
background-color: white;
}

Melhores saudações,
MateusV.

["Aldebaran]

Não resultou.

[Sennior]

Olá amigo, como vai?

Adicione em seu CSS:

Código:

#chatbox_members {
background-color: #FF0000;
}

Cordialmente

["Aldebaran]

A parte de baixo onde fica o e e fica a área para digitar está sendo fundo.

[Sennior]

Olá de novo amigo;

Tente esse Código para essa função:

Código:

.online-users {
background-image: none !important;
}

["Aldebaran]

Continua mesma coisa.

[Sennior]

Opa!
Amigo desculpa mandei errado, tente esse:

Código:

.online-users {
background-color: #FF0000 !important;
}

Modifique por este.
Atenciosamente
Housim

["Aldebaran]

Housim meu caro amigo,continua sem resultado

[Sennior]

Olá mais uma vez;
Tente esse:

Código:

#chatbox-icons {
background-color: #FF0000 !important;
}

["Aldebaran]

Olá denovo.
Não funcionou denovo.

[Hyouki]

Olá Tente esse Codigo.

Código:

#chatbox {
background-color: #FF0000;
}

#chatbox_members
background-color: #FF0000;
}

Atéé.

["Aldebaran]

Lucas também não deu

[Sennior]

Olá amigão;
Me conceda seu Código CSS?

["Aldebaran]

Olá amigo,aqui vai toda css:

Código:


#text_editor_textarea.quick_reply_textarea {
border: 1px solid #D4D4D4;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: transparent;
background-image: url('http://i42.servimg.com/u/f42/17/32/13/00/transp10.png');
}
.post{
  margin-bottom:10px !important}
body {
background-image: url("http://i50.tinypic.com/9bky7t.png"); background-attachment: fixed;
}
.pun .post .user {
-moz-border-radius: 6px;
-moz-box-shadow: 2px 2px 2px #a8a180;
-webkit-border-radius: 6px;
-webkit-box-shadow: 2px 2px 2px #a8a180;
background: transparent url();
background-color: white;
border: 1px solid purple;
border-radius: 6px;
box-shadow: 2px 2px 2px #a8a180;
max-height: 1024px;
max-width: 185px;
overflow: auto;
overflow-x: hidden;
padding-right: 1px;
padding-top: 35px;
scrollbar-3dlight-color: #fff;
scrollbar-arrow-color: #f47b21;
scrollbar-darkshadow-color: #fff;
scrollbar-face-color: #FFF;
scrollbar-highlight-color: #c6c6c6;
scrollbar-shadow-color: #f47b21;
scrollbar-track-color: #fff;
text-aling: center;
width: 200px;
}
.postmain blockquote {
 -moz-border-radius: 5px;
-moz-box-shadow: 0 1px 5px rgba(0,0,0,.15);
-webkit-border-radius: 5px 5px;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.15);
background: white;
border: 1px solid #800080;
border-left: 6px solid #800080;
border-radius: 5px;
border-right: 6px solid #800080;
box-shadow: 0 1px 5px rgba(0,0,0,.15);
padding: 10px 20px;
}
.postmain blockquote {
 -moz-border-radius: 5px;
-moz-box-shadow: 0 1px 5px rgba(0,0,0,.15);
-webkit-border-radius: 5px 5px;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.15);
background: none;
background: white;
border: 1px solid #800080;
border-left: 6px solid #800080;
border-radius: 5px;
border-right: 6px solid #800080;
box-shadow: 0 1px 5px rgba(0,0,0,.15);
padding: 10px 20px;
}
dl.codebox {
background: 6px 6px none;
background-image: url(http://i26.servimg.com/u/f26/14/56/85/28/novida10.png);
width: 92%;
}
.spoiler {
-moz-border-radius: 10px;
background-color: white;
border: 1px solid purple;
box-shadow: 1px 1px 9px;
}
dl.codebox {
background-color: transparent;
border: 2px solid purple;
font-size: 1em;
padding: 3px;
}
dl.codebox dt {
background: url(http://i42.tinypic.com/vyqsfn.png) no-repeat 0 0;
color: purple;
padding-bottom: 3px;
padding-left: 15px;
}
.codebox .spoiler_content {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background: -moz-linear-gradient(white,#F2F2F2);
background-color: white;
background-image: -webkit-linear-gradient(white,#F2F2F2);
border: 1px solid purple;
border-radius: 6px;
font-size: 11px;
margin-left: 0;
padding: 5px 10px 10px;
}
.codebox dd {
background-color: transparent;
margin: .5em;
padding: .5em;
}

/* ---------------- Barra de rolagem Google Chrome---------------- */
::-webkit-scrollbar {
width: 15px; 
height: 15px;
}
::-webkit-scrollbar-track-piece {
background: #FFFFFF;
}
::-webkit-scrollbar-thumb:vertical {
height: 4px;
background: #0000FF; 
border-radius: 8px; 
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #FFFFFF;
}

#pun-about, #pun-visit {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/transp10.png);
border: 1px solid #D4D4D4;
border-radius: ;
}

 
.main .main-head {
-webkit-border-horizontal-spacing: 1px;
-webkit-border-vertical-spacing: 1px;
-webkit-box-shadow: rgb(53, 53, 53) 0px 0px 8px 0px;
background-attachment: scroll;
background-color: white;
background-image: url("http://i.imgur.com/Qk0Ht.png");
background-position: 0 0;
background-repeat: repeat-x;
border-bottom-color: #C4C4C4;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-collapse: separate;
text-aling: center;
border-left-color: #C4C4C4;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #C4C4C4;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #C4C4C4;
border-top-left-radius: 13px;
border-top-right-radius: 13px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: rgb(53, 53, 53) 0px 0px 8px 0px;
color: white;
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 15px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
min-width: 0px;
padding-bottom: 8px;
padding-left: 0px;
padding-right: 00px;
padding-top: 18px;
text-align: center;
text-shadow: #CCC 1px 1px 0px bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 15px;
text-align: center;
}

.module .main-content {
-webkit-border-horizontal-spacing: 1px;
-webkit-border-vertical-spacing: 1px;
background-attachment: scroll;
background-color: none;
background-image: white;
border-bottom-color: #D7D7D7;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
border-bottom-style: solid;
border-bottom-width: 3px;
border-collapse: separate;
border-left-color: #D4D4D4;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #D4D4D4;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #D4D4D4;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 1px;
color: #1A0000;
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
min-width: 0px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px;
padding-top: 12px;
text-shadow: #FFFFFF 1px 1px 0px;
text-align: center;
}

.pun .main-content {
-moz-border-radius: 5;
-webkit-border-radius: 5px;
border: 1px solid #000000;
} 
#pun-foot {
color: #FFFFFF;
}

.main .main-head {
border-image: url (http://i42.servimg.com/u/f42/17/32/13/00/transp10.png);
}

#savec { position:relative; }.save-bloc { dispay: none; color: #555!important; cursor: point; z-index: 999; padding: 5px; border: 1px solid #BCBCBC; background: #efefef url(http://2img.net/i/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }.save-bloc div:hover { color: #050505!important; }.save-bloc div { cursor: pointer; }.save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }

az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}
ple, purple {text-shadow: 0px 0px 5px #800080;}
#text_editor_controls, .left-box{position:relative !important}

a:hover {
color: #8B0000;
text-shadow : 0px 0px 10px #8B0000;
}
a[href="/u1"] {
text-shadow: 0px 0px 5px #FF0000;
}
.user-basic-info{text-align: center;}
a[href="/u3"] {
text-shadow: 0px 0px 5px #3AAA00;
}
a[href="/u12"] {
text-shadow: 0px 0px 5px #FF0000;
}
a[href="/u5"] {
text-shadow: 0px 0px 5px #800080;
}
a[href="/u7"] {
text-shadow: 0px 0px 5px #800080;
}
span.ADMs{
color: #7700FF;
font-weight: 700;
}
#modo {
display: none;
}
.table tbody.statused tr td.tcl:hover #modo {
display: block;
}
.main-box {
display: none !important;
}

#pun-visit {
display: none !important;
}

#clear {
border: 5px solid #BEBEBE;}

#pun-content {
background: #ffffff;}

.pun .posthead img, .pun table .tdtopics img {
vertical-align: middle;
}
.vote .vote-button {
float: right;
margin-left: 20px;
height: 20px;
line-height: 20px;
font-size: 12px;
font-weight: bold;
}
.pun .main-content {
-moz-border-radius: 5;
-webkit-border-radius: 5px;
border: transparent;
}

/* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-11/ani1030.cur), progress !important;} /* End http://www.cursors-4u.com */
.pun .postmain {
background-color: transparent !important;
}
#chatbox {
background-image: url(http://www.tsegtreinamentos.com.br/imagens/fundo-branco.png);
background-repeat: no-repeat;
background-position: bottom right;
}
.pun .post .user {
padding-bottom: 8px;
}
.post{
  padding-left: 30px;
}
a[href="/g1-adms"] {
background: url("http://2img.net/i/fa/admin/couronne.png") no-repeat;
padding-left: 19px;
padding-top: 2px;
}
a[href="/g2-mod-s"] {
background: url("http://i46.servimg.com/u/f46/14/56/85/28/dbobra10.png") no-repeat;
padding-left: 19px;
padding-top: 2px;
}
.pun .posthead, .postfoot {
border: none !important;
}
.post div.user-ident div.user-basic-info a img:first-child, .post span.postdetails a img:first-child, .postprofile dl dt a img:first-child, dl.postdetails dl a img:first-child {
-moz-box-shadow: 1px 1px 8px 4px #353535;
-webkit-box-shadow: 0 0 8px 0 #a1a1a1;
box-shadow: 1px 1px 8px 4px #353535;
}
.post .postmain{margin-left:168px}
.main .main-content .post .postmain .postbody .user{margin-top:-13px}
.pun tbody.statused td.tcl {
margin-left: 20px !important;
}
#text_editor_iframe:hover, .dd-textarea #text_editor_textarea:hover {
-moz-box-shadow: 1px 1px 8px 4px #353535;
-webkit-box-shadow: 0 0 8px 0 #a1a1a1;
box-shadow: 1px 1px 8px 4px #353535;
}
#text_editor_iframe, .dd-textarea #text_editor_textarea {
width: 600px!important;
}
.dd-textarea #text_editor_textarea {
background: transparent url(http://i42.servimg.com/u/f42/17/32/13/00/transp10.png);
}
#text_editor_textarea, .inputbox {
overflow: visible!important;
z-index: 999;
}
#pun-qpost .frm-buttons, #pun-qpost .frm-form, #pun-qpost .main-content, #pun-qpost .main-head {
-moz-box-shadow: 0 0 0 0!important;
-webkit-box-shadow: 0 0 0 0!important;
background: none;
border: 0!important;
box-shadow: 0 0 0 0!important;
text-align: center;
}
.main .main-foot, #stats {
-moz-box-shadow: 0 0 0 0!important;
-webkit-box-shadow: 0 0 0 0!important;
background: none;
border: 0!important;
box-shadow: 0 0 0 0!important;
text-align: center;
}
.pun .p-hidden {
background-color: transparent !important;
background-image: none !important;
border: none;
}
input[type="text"], textarea {
border-radius: 5px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-image: url('http://i42.servimg.com/u/f42/17/32/13/00/transp10.png');
moz-box-shadow: 0 0 5px black;
-webkit-box-shadow: 0 0 5px black;
box-shadow: 0 0 5px black;
}
#chatbox-icons {
background-color: #FFFFFF !important;
}
#chatbox_members {
background-color: #FFFFFF;
}
#chatbox {
background-color: #FFFFFF;
}
.postbody .topic-title a {
    background: none repeat scroll 0 0 #EBEBEB;
    border: 1px solid #D7D7D7;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #232323;
    padding-left: 6px;
    padding-right: 6px;
    position: relative;
    top: -5px;
}
a.forumtitle{-htm-transform:all;-htm-transition:1s;-moz-transform:all;-moz-transition:1s;-o-transform:all;-o-transition:1s;-webkit-transform:all;-webkit-transition:1s;border-bottom:1px solid #1C1C1C;border-left:5px solid #1C1C1C;display:block;font-family:arial;font-size:16px;font-weight:700;margin-left:10px;padding-left:10px;text-shadow:0 0 1px #4F4F4F;transform:all;transition:1s}
.forumlink a:hover {
padding-left: 20px;
font-size: 16px;
color: #4080FF;
}
.sbHolder{position: relative;width: 200px;height: 30px;
background-color: #2d2d2d;border: solid 1px #515151;
font-family: Arial, sans-serif;font-size: 12px;font-weight: normal;}
.sbSelector{position: absolute;display: block;width: 170px;height: 30px;top: 0;left: 0;
line-height: 30px;outline: none;overflow: hidden;text-indent: 10px;}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
color: #EBB52D;outline: none;text-decoration: none;}
.sbToggle{background: url(http://i42.servimg.com/u/f42/17/32/13/00/select14.png) 0 -116px no-repeat;
position: absolute;display: block;right: 0;top: 0;height: 30px;outline: none;width: 30px;}
.sbToggle:hover{background: url(http://i42.servimg.com/u/f42/17/32/13/00/select14.png) 0 -167px no-repeat;}
.sbToggleOpen{background: url(http://i42.servimg.com/u/f42/17/32/13/00/select14.png) 0 -16px no-repeat;}
.sbToggleOpen:hover{background: url(http://i42.servimg.com/u/f42/17/32/13/00/select14.png) 0 -66px no-repeat;}
.sbHolderDisabled{background-color: #3C3C3C;border: solid 1px #515151;}
.sbOptions{background-color: #212121;border: solid 1px #515151;
position: absolute;left: -1px;top: 30px;width: 200px;
margin: 0;padding: 0;list-style: none;z-index: 1;overflow-y: auto;}
.sbOptions li{padding: 0 7px;}
.sbOptions a{border-bottom: dotted 1px #515151;padding: 7px 0 7px 3px;display: block;outline: none;}
.sbOptions a:link, .sbOptions a:visited{color: #ddd;text-decoration: none;}
.sbOptions a:hover{color: #EBB52D;}
.sbOptions li.last a{border-bottom: none;}
.sbOptions .sbDisabled{border-bottom: dotted 1px #515151;color: #999;display: block;padding: 7px 0 7px 3px;}
.sbOptions .sbGroup{border-bottom: dotted 1px #515151;color: #EBB52D;display: block;font-weight: bold;padding: 7px 0 7px 3px;}
.sbOptions .sbSub{padding-left: 17px;}

[SuporteOnline]

Olá, adicione este codigo em seu CSS

#chatbox_members {
background-color: ##FFFFFF;
}

Melhores saudações,
Buarque00

["Aldebaran]

Olá,caro amigo.
Infelizmente não funcionou.
Mateus que pediu o template,pode mim ajudar se for template?

[MateusV.]

Olá, não estou a compreender seu erro, poderia me fornecer um print?

Melhores saudações,
MateusV.

["Aldebaran]

Olá,caro amigo aqui vai a print de como está.

[MateusV.]

Olá, então no caso, adicione este código em seu CSS

#chatbox_footer {
background-color: white;
}

Melhores saudações,
MateusV.

["Aldebaran]

Ok funcionou como sempre,mais ainda tenho uma dúvida relacionada ao chat box:

Este texto selecionado está em ciano,como deixo ele em preto?

[MateusV.]

Olá, peço que adicione este código em seu CSS

#chatbox_header {
color: black !important;
}

Melhores saudações,
MateusV.

["Aldebaran]

Não ouve resultado

[MateusV.]

Olá, peço que substitua-o por este

#chatbox_header a{
color: black !important;
}

Melhores saudações,
MateusV.

["Aldebaran]

Resultou,pode fechar obrigado a todos.