Cor inicial do chatbox

Qual é sua questão:
Então, nem sei se pode criar um tópico antes do outro ser fechado. Mas minha outra questão já finalizou, falta apenas alguém com moderação fechar o tópico.

Beeeem, o chatbox tem a cor do fundo diferente do fórum, a cor de letra padrão do fórum é preta, mas o fundo do chatbox é preto para realmente se tornar um contraste e um modelo diferente e melhor de visualizar, além de não cansar a vista. Fiz as modificações necessárias e possíveis ao meu limite pelo chatbox, mas a ÚNICA coisa que não consegui mudar, foi a cor inicial. Sempre que entra, a cor é preta, não consegui mudar isso, não existe um template do chatbox para modificar isso e procurei DIVERSOS códigos em css para mudar esta maldita cor, aliás eu tentei de tudo e mais um pouco para mudá-la, porém nada aconteceu.

Acredito que seja um código em JS, igual o código do antiBUG do chat que também não funciona. Mas alguém consegue um código APENAS para mudar a cor inicial do chatbox para branco ? Fico sempre agoniado com aquela cor preta inicial....

Endereço e versão do meu fórum:
phpbb2 ; http://www.onepiecerpg.com/

Apresente-nos imagens do problema (se necessário):

Olá,

A tal "cor inicial" seria o Background do chat? Caso seja, faça os seguintes passos:

Aceda a:
Painel de Controle Visualização Imagens & Cores Cores Folha de Estilo CSS
Lá, pule uma linha do seu CSS e insira o seguinte código:

Código:


#chatbox {
background-image: url(http://www.joiararacatalogos.com.br/galeria/fundo_branco[1].jpg);
background-repeat: no-repeat;
background-position: bottom right;
}

Agora vamos adicionar as letras para preto:
Aceda a:
Painel de Controle Visualização Imagens & Cores Cores Folha de Estilo CSS
Insira o seguinte código abaixo do código do fundo.

Código:

#chatbox{color:black !Important}

Espero que tenha ajudado.
Até!

Não não, me desculpe, esqueci de dizer que a cor inicial é a cor da letra inicial. A cor que quando você entra, está revelada naquele quadradinho de cor la embaixo.

E este código da letra, mesmo mudando para white ou #FFFFFF não surte efeito.

Olá,

Agora eu entendi.

Aceda a:
Painel de Controle :verde:Visualização :verde:Imagens & Cores :verde:Cores :verde:Folha de Estilo CSS

Em seguida, utilize o comando CTRL + F. Abrirá uma espécie de buscador, digite esse código lá:

Código:


#chatbox{color:white !Important}

Ou simplesmente vá a parte do Chatbox da sua Folha Estilo CSS e procure algo normalmente. Caso encontre, mude a parte que está escrito white para black.

Caso não encontre, passe sua Folha Estilo CSS para eu ajudar.

Até!

Vou passar a folha css.... Já falei que esse code ae não está surtindo efeito..

Código:

/*NÃO MEXER*/
a:link{text-decoration:none}
a:visited{text-decoration:none}
a:active{text-decoration:underline}
a:hover{text-decoration:none}

/*Fundo*/
body {
background-image: url('http://i.imgur.com/dvllT.jpg');
background-repeat;
background-position: center;}
/*http://i.imgur.com/bYp6z.jpg*/

/*IMAGEM DO RODAPÉ*/
#page-footer {background-image: url('http://i.imgur.com/CV33Xyb.png');
              background-repeat: no-repeat;
              background-position: bottom center;
              height: 350px;}

/*CODE PARA PADRONIZAR AVATAR*/
.post span.postdetails a img:first-child,.postprofile dl dt a img:first-child,.post div.user-ident div.user-basic-info a img:first-child,dl.postdetails dl a img:first-child{width:190px;height:350px}

/*Início Sem Mouse*/
.mainmenu #i_icon_mini_index {
background-image: url(http://i.imgur.com/oOv0Z.png);
background-repeat: no-repeat;
filter:alpha(opacity=70);
-moz-opacity: 0.6;
opacity: 0.6;
}

/*Portal Sem Mouse*/
.mainmenu #i_icon_mini_portal {
background-image: url(http://i.imgur.com/OqFGD.png);
background-repeat: no-repeat;
filter:alpha(opacity=70);
-moz-opacity: 0.6;
opacity: 0.6;
}

/*Busca Sem Mouse*/
.mainmenu #i_icon_mini_search {
background-image: url(http://i.imgur.com/DQpw8.png);
background-repeat: no-repeat;
filter:alpha(opacity=70);
-moz-opacity: 0.6;
opacity: 0.6;
}

/*Membros Sem Mouse*/
.mainmenu #i_icon_mini_members {
background-image: url(http://i.imgur.com/rB4MP.png);
background-repeat: no-repeat;
filter:alpha(opacity=70);
-moz-opacity: 0.6;
opacity: 0.6;
}

/*Grupos Sem Mouse*/
.mainmenu #i_icon_mini_groups {
background-image: url(http://i.imgur.com/Oqmij.png);
background-repeat: no-repeat;
filter:alpha(opacity=70);
-moz-opacity: 0.6;
opacity: 0.6;
}

/*Perfil Sem Mouse*/
.mainmenu #i_icon_mini_profile {
background-image: url(http://i.imgur.com/wUKYl.png);
background-repeat: no-repeat;
filter:alpha(opacity=70);
-moz-opacity: 0.6;
opacity: 0.6;
}

/*PM Sem Mouse*/
.mainmenu #i_icon_mini_message {
background-image: url(http://i.imgur.com/YrDso.png);
background-repeat: no-repeat;
  filter:alpha(opacity=70);
-moz-opacity: 0.6;
opacity: 0.6;
}

/*NOVA PM Sem Mouse*/
*.mainmenu #i_icon_mini_new_message {
background-image: url(http://i.imgur.com/MJ2oN.gif);
background-repeat: no-repeat;
  filter:alpha(opacity=70);
-moz-opacity: 0.6;
opacity: 0.6;
}

/*Registrar Sem Mouse*/
.mainmenu #i_icon_mini_register {
background-image: url(http://i.imgur.com/hQsTF.gif);
background-repeat: no-repeat;
  filter:alpha(opacity=70);
-moz-opacity: 0.6;
opacity: 0.6;
}

/*Entrar Sem Mouse*/
.mainmenu #i_icon_mini_login {
background-image: url(http://i.imgur.com/L6i6f.png);
background-repeat: no-repeat;
  filter:alpha(opacity=70);
-moz-opacity: 0.6;
opacity: 0.6;
}

/*Sair Sem Mouse*/
.mainmenu #i_icon_mini_logout {
background-image: url(http://i.imgur.com/LUKuC.png);
background-repeat: no-repeat;
  filter:alpha(opacity=70);
-moz-opacity: 0.6;
opacity: 0.6;
}

/*Início Com Mouse*/
.mainmenu #i_icon_mini_index:hover {
background-image: url(http://i.imgur.com/oOv0Z.png);
background-repeat: no-repeat;
  filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}

/*Portal Com Mouse*/
.mainmenu #i_icon_mini_portal:hover {
background-image: url(http://i.imgur.com/OqFGD.png);
background-repeat: no-repeat;
  filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}

/*Busca Com Mouse*/
.mainmenu #i_icon_mini_search:hover {
background-image: url(http://i.imgur.com/DQpw8.png);
background-repeat: no-repeat;
  filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}

/*Membros Com Mouse*/
.mainmenu #i_icon_mini_members:hover {
background-image: url(http://i.imgur.com/rB4MP.png);
background-repeat: no-repeat;
  filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}

/*Grupos Com Mouse*/
.mainmenu #i_icon_mini_groups:hover {
background-image: url(http://i.imgur.com/Oqmij.png);
background-repeat: no-repeat;
  filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}

/*Perfil Com Mouse*/
.mainmenu #i_icon_mini_profile:hover {
background-image: url(http://i.imgur.com/wUKYl.png);
background-repeat: no-repeat;
  filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}

/*PM Com Mouse*/
.mainmenu #i_icon_mini_message:hover {
background-image: url(http://i.imgur.com/YrDso.png);
background-repeat: no-repeat;
  filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}

/*Novo PM Com Mouse*/
.mainmenu #i_icon_mini_new_message:hover {
background-image: url(http://i.imgur.com/MJ2oN.gif);
background-repeat: no-repeat;
  filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}

/*Registrar Com Mouse*/
.mainmenu #i_icon_mini_register:hover {
background-image: url(http://i.imgur.com/hQsTF.gif);
background-repeat: no-repeat;
  filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}

/*Entrar Com Mouse*/
.mainmenu #i_icon_mini_login:hover {
background-image: url(http://i.imgur.com/L6i6f.png);
background-repeat: no-repeat;
  filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}

/*Sair Com Mouse*/
.mainmenu #i_icon_mini_logout:hover {
background-image: url(http://i.imgur.com/LUKuC.png);
background-repeat: no-repeat;
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}

/*Últimos Assuntos*/

#left .forumline .catHead .genmed {
color: transparent;
}

#left .forumline .catHead {
color: transparent;
background-image:url('http://i.imgur.com/29qwt.png');
background-repeat:no-repeat;
background-attachment:scroll;
}

/*http://i.imgur.com/2QC91.pngg*/

/*Fim Últimos Assuntos*/

/*Quem está Online*/
/*.forumline .catHead .span .cattitle {
color: transparent;
background-image:url('http://i.imgur.com/HB0cn.png');
background-repeat:no-repeat;
background-attachment:scroll;
}*/

.forumline .catHead .cattitle .cattitle {
color: #FFFFFF;
}

/*Parcerias*/
.parceiro {
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

.parceiro:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}

/*Resposta Rápida*/

/*.forumline #text_editor_textarea {
background-image: url('http://i.imgur.com/GXHtl.png');
background-attachment:scroll;
background-position:right bottom;
background-repeat: no-repeat;
}*/

/* Cor do campo de texto */
div.sceditor-container iframe, div.sceditor-container textarea {
background-image: url('http://i.imgur.com/GXHtl.png') !important;
background-attachment:scroll;
background-position:right bottom;
background-repeat: no-repeat;
}

/*Posts*/
/*Perfil*/
.post #campoperfil {
background-image: url('http://i.imgur.com/pO63o.png');
background-attachment:scroll;
background-position:right top;
background-repeat: no-repeat;
}

/*Tópicos*/
.forumline #linhafei {
background-image: url('http://i.imgur.com/XWCOi.png');
background-color: #F2EFEF;
background-attachment:scroll;
background-position:left top;
background-repeat: no-repeat;
}

.forumline .row3 {
background-color: #F2EFEF;
}

/*Spoiler*/
.spoiler .spoiler_content {
border-style:dotted;
border-color:#000000;
border-width:1px;
background-image: url('http://i.imgur.com/w2b0N.png');
background-attachment:scroll;
background-position:right bottom;
background-repeat: no-repeat;
}

.spoiler .spoiler_closed {
border-style:dotted;
border-color:#000000;
border-width:1px;
}

/*Citação*/
.quote {
border-style:dotted;
border-color:#000000;
border-width:1px;
background-image: url('http://i.imgur.com/w2b0N.png');
background-attachment:scroll;
background-position:right bottom;
background-repeat: no-repeat;
}

/*Código*/
.code {
border-style:dotted;
border-color:#00FF00;
border-width:1px;
background-color: #000000;
color: #00FF00;
}

/*Chat*/

#chatbox_header .catBottom .chatbox-options #chatbox_main_options a:link {
color: #FFFFFF;
}

#chatbox_header .catBottom .chatbox-options #chatbox_main_options #chatbox_option_with_archives a:visited {
color: #FFFFFF;
}

#chatbox_header .catBottom .chatbox-options #chatbox_main_options #chatbox_option_without_archives a:visited {
color: #FFFFFF;
}

#chatbox_header .catBottom .chatbox-options #chatbox_main_options {
color: #FFFFFF;
}

#chatbox_header .catBottom .cattitle {
color: #FFFFFF;
}

#chatbox_header .catBottom {
background-image: url('http://i.imgur.com/gK06c.jpg');
}

#chatbox_footer .catBottom{
background-image: url('http://i.imgur.com/gK06c.jpg');
}

#chatbox_option_autorefresh {
color: #FFFFFF;
}

#chatbox_members .member-title {
background-color: #000000;
color: #FFA03C;
}

#chatbox_members {
background-color: #000000;
}

#chatbox {
background-color: #000000;
color: #FFFFFF !Important;
}

#chatbox .chatbox_row_1 {
background-color: #000000;
color: #FFFFFF;
}

#chatbox .chatbox_row_2 {
background-color: #000000;
color: #FFFFFF;
}

#chatbox .chatbox_row_1 .date-and-time {
color: #FFFFFF;
}

#chatbox .chatbox_row_2 .date-and-time {
color: #FFFFFF;
}

#chatbox .chatbox_row_1 .body_text {
color: #FFFFFF;
}

#chatbox .chatbox_row_2 .body_text {
color: #FFFFFF;
}

#chatbox .msg {
color: #FFFFFF;
}

#chatbox span.msg {
color: #FFFFFF !important;
}

#chatbox .body_text {
color: #FFFFFF;
}

#chatbox input[type="hidden" name="scolor" id="scolor"] input strong {
color: #FFFFFF !important;
}

#chatbox input#scolor input strong {
color: #FFFFFF !important;
}

#chatbox_footer #chatbox_messenger .gen {
color: #FFFFFF;
}

#chatbox_footer #chatbox_messenger .body_text {
color: #FFFFFF;
}

#chatbox_footer #chatbox_messenger input #scolor {
color: #FFFFFF !important;
}

#chatbox_footer #chatbox_messenger #divcolor {
color: #FFFFFF;
background-color: #FFFFFF;
}

#chatbox_footer #chatbox_messenger #show_color {
color: #FFFFFF;
background-color: #FFFFFF;
}

#chatbox_footer #chatbox_messenger #message {
background-color: #000000;
color: #FFFFFF;
border-width:1px;
border-style:solid;
border-color:#FFFFFF;
}

#chatbox_footer #chatbox_messenger #submit_button {
background-color: #000000;
color: #FFFFFF;
border-width:1px;
border-style:solid;
border-color:#FFFFFF;
}

#chatbox {
color: #FFFFFF;
}

#user_message.post {
color: #FFFFFF;
}

/*fim do code do Chat*/

/*#left {
border-width:2px;   
border-style:dotted solid;
}

#right {
border-width:2px;   
border-style:dotted solid;
}*/


/*Kiodo Here*/

a[href="/u484"] span strong {
color: #0c9f04 !important;
text-shadow: 0px 0px 3px #0c9f04 !important;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}

/*NARRADOR DE EVENTOS*/

a[href="/u10"] {
color: #000000 !important;
text-shadow: 0px 0px 5px #336633 !important;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}

/*BRILHO PARA TODOS OS ADMS*/
a span[style="color:#696969"], a[style="color: #696969"]{
text-shadow:0px 0px 5px #696969;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);}

/*BRILHO PARA TODOS OS GMS*/
a span[style="color:#FFFFFF"], a[style="color: #FFFFFF"]{
text-shadow:0px 0px 5px black;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);}

/*BRILHO PARA TODOS OS CRIADORES DE CONTEÚDO DO FACEBOOK*/
a span[style="color:#47288A"], a[style="color: #47288A"]{
text-shadow:0px 0px 5px #7a359c;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);}

/*BRILHO PARA TODOS OS MEMBROS HONORÁRIOS*/
a span[style="color:#99FFCC"], a[style="color: #99FFCC"]{
text-shadow:0px 0px 5px #000000;
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);}

/*VENCEDORES DO TORNEIO DESIGNER*/

/*SIGNS*/

/*Norio*/

a[href="/u5686"] span strong {
color: #0000EE !important;
text-shadow: 0px 0px 3px #00B2EE !important;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}

/*SYMBOLS*/

/*Chrona*/

a[href="/u17111"] span strong {
text-shadow: 0px 0px 3px #000 !important;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}

/*AVATAR*/

/*Razor*/

a[href="/u334"] span strong {
color: #48D1CC !important;
text-shadow: 0px 0px 3px #5F9EA0 !important;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif);
}

Olá,

Aceda novamente a sua Folha de Estilo CSS e na parte do chatbox insira esse código:

Código:

chatbox-title {
text-color: #COR DA FONTE !important

Na parte: "COR DA FONTE" insira a cor da fonte que deseja. <a href=http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm>Aqui</a> há uma tabela de cores para se guiar.

Até!

Não resolveu.....
Aliás, não precisa me tratar como noobão nessa treta não. D:
Eu não manjo pikamente dos códigos, mas manjo o necessário pra ter feito esse CSS ae, sei do código hexadecimal dos números, relaxa.
Mas então, esse código não funcionou. Como eu falei no primeiro post, não acredito que seja um código css para mudar o campo, pois a parte do campo que deve se modificar é:

Código:

<input type="hidden" name="scolor" id="scolor" value="#000000">

o valor do campo scolor deve virar #FFFFFF, mas não sei uma forma em java para poder mudar isto. Java eu só sei o básico. E o problema desse campo também, é que não da para modificar direto no template, pois o template do chatbox não fica disponível para os fóruns.

Olá senhor,
Por favor não vamos começar com discussões e palavras ofensivas.
Quanto à sua questão senhor, poderia ser um pouco mais específico? Está querendo mudar a cor de fundo do Chat? Ou a cor das letras?

Até mais

Mas não fui ofensivo não.... Eu me referi a mim (estranho falar isso, mas acho que está correto  ), desculpe se pareceu grosseiro....
Mas então, desejo trocar a cor das letras, aquela cor que, assim que você entra no chatbox, tem a caixa "A" com uma cor padrão já definida abaixo desta letra. Já tentei aplicar de MUITOS códigos CSS e o Nobody estava tentando me ajudar com mais alguns códigos, porém infelizmente não resultou em nada. Acredito que a mudança não seja no CSS e sim por JS, mas não sei o código para se criar, apenas sei que a função do mesmo seja:

Trocar o valor deste campo do chatbox, de #000000 (Que é preto) para #FFFFFF (Que é branco).

Código:

<input type="hidden" name="scolor" id="scolor" value="#000000">

Apenas preciso do código que faça isso, pois o template do chatbox não está disponível aos fóruns para a sua modificação direta.

A é, porque não da para editar os posts feitos nessa área ? Sempre que acabo de postar, lembro de algo. Mas nem da pra editar....
Mas tudo bem, isso é outro assunto....
E esses emoticons debochados e safados.... HAUHAUHAUHAUHAU

Olá,

Tente este código:

Código:


.chatbox #chatbox p.chatbox_row_2 span.user-msg span.msg span{color:COR!important}

Até!

Ooooooolha, agora fez algum efeito.... Não o que eu queria, mas fez.
por causa do p.chatbox_row_2, tudo que se localizava nesta área ficou com a cor branca, ae eu acrescentei um código css igual, mas com o row_1. Bem, ficou branco, mas infelizmente isso não permite que apareça as cores customizadas dos players.... Ou seja, ele meio que mascarou as cores todas do chatbox para branco. Mas eu queria que apenas a cor inicial mudasse para branco, ela ainda está preta...... T.T
Você entra no chatbox, a cor la embaixo está preta, você escreve, fica branco maravilha, você personaliza a cor e ela continua branca, ou seja, ninguém mais pode deixar a cor azul ou vermelha.
Mas então o problema continua, a cor inicial das letras continua preta, com esse código tudo fica branco forever, independente de customização de cores ou não, e nem é isso que quero. T.T

Olá senhor,
Não há como mudar a cor inicial do ChatBox, assim como citou, não é possível editar os templates do chat, isso somente pode ser feito pelos técnicos do serviço.
Contudo, ao selecionar uma cor personalizada com este botão, ela ficará memorizada nos seus cookies, e após desconectar-se e se reconectar ao chatbox, ela permanecerá igual.
Basicamente, quando usar uma cor, ela vai ficar salva na memória de seu computador e na próxima vez que entrar no chat, ela irá ser a cor inicial, isso até que seus cookies sejam deletados.

Até mais

Não existe nenhum código em java pra alterar o valor de um campo ? Apenas precisava disto, de resto eu me viro.