Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Fundo do chatbox
+2
Seikon
"Aldebaran
6 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Fundo do chatbox
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
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
Última edição por "Aldebaran em 14.05.12 0:47, editado 1 vez(es)
Re: Fundo do chatbox
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
Lembrando que a parte destacada em negrito é onde pode escolher a cor de fundo, espero ter ajudado para mais informaçoes veja este tutorial...
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...
Re: Fundo do chatbox
Olá, adicione este codigo em seu CSS
Melhores saudações,
MateusV.
#chatbox_members {
background-color: white;
}
Melhores saudações,
MateusV.
Re: Fundo do chatbox
Olá amigo, como vai?
Adicione em seu CSS:
Cordialmente
Adicione em seu CSS:
- Código:
#chatbox_members {
background-color: #FF0000;
}
Cordialmente
Re: Fundo do chatbox
Olá de novo amigo;
Tente esse Código para essa função:
Tente esse Código para essa função:
- Código:
.online-users {
background-image: none !important;
}
Re: Fundo do chatbox
Opa!
Amigo desculpa mandei errado, tente esse:
Modifique por este.
Atenciosamente
Housim
Amigo desculpa mandei errado, tente esse:
- Código:
.online-users {
background-color: #FF0000 !important;
}
Modifique por este.
Atenciosamente
Housim
Re: Fundo do chatbox
Olá mais uma vez;
Tente esse:
Tente esse:
- Código:
#chatbox-icons {
background-color: #FF0000 !important;
}
Re: Fundo do chatbox
Olá Tente esse Codigo.
- Código:
#chatbox {
background-color: #FF0000;
}
#chatbox_members
background-color: #FF0000;
}
Re: Fundo do chatbox
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;}
Re: Fundo do chatbox
Olá, adicione este codigo em seu CSS
Melhores saudações,
Buarque00
#chatbox_members {
background-color: ##FFFFFF;
}
Melhores saudações,
Buarque00
Re: Fundo do chatbox
Olá,caro amigo.
Infelizmente não funcionou.
Mateus que pediu o template,pode mim ajudar se for template?
Infelizmente não funcionou.
Mateus que pediu o template,pode mim ajudar se for template?
Re: Fundo do chatbox
Olá, não estou a compreender seu erro, poderia me fornecer um print?
Melhores saudações,
MateusV.
Melhores saudações,
MateusV.
Re: Fundo do chatbox
Olá, então no caso, adicione este código em seu CSS
MateusV.
Melhores saudações,#chatbox_footer {
background-color: white;
}
MateusV.
Re: Fundo do chatbox
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?
Este texto selecionado está em ciano,como deixo ele em preto?
Re: Fundo do chatbox
Olá, peço que adicione este código em seu CSS
Melhores saudações,
MateusV.
#chatbox_header {
color: black !important;
}
Melhores saudações,
MateusV.
Re: Fundo do chatbox
Olá, peço que substitua-o por este
Melhores saudações,
MateusV.
#chatbox_header a{
color: black !important;
}
Melhores saudações,
MateusV.
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos