Personalizar ChatBox

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Personalizar ChatBox

Mensagem por banzé em 17/04/16, 03:44 pm

Detalhes da questão


Endereço do fórum: http://fumetteiros.omeuforum.net
Versão do fórum: PunBB

Descrição


Olá, boa tarde. Gostaria por favor, de mudar as cores do chatbox do meu forum. Triste

Desde já, agradeço-lhes pela ajuda. Feliz

Banzé
avatar

banzé
Usuário avançado

Masculino
Inscrito dia : 01/10/2014
Mensagens : 455
Pontos Ativos : 663

Ver perfil do usuário http://fumetteiros.omeuforum.net/

Resolvido Re: Personalizar ChatBox

Mensagem por Hancki em 17/04/16, 05:19 pm

avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Personalizar ChatBox

Mensagem por banzé em 18/04/16, 06:08 pm

Cruzes, texto complicado. Só queria saber como mudar de branco para cinza o chatbox do fórum. ...
avatar

banzé
Usuário avançado

Masculino
Inscrito dia : 01/10/2014
Mensagens : 455
Pontos Ativos : 663

Ver perfil do usuário http://fumetteiros.omeuforum.net/

Resolvido Re: Personalizar ChatBox

Mensagem por Wamki em 18/04/16, 06:12 pm

Boa noite senhor,
Adicione este código CSS:
Código:
#chatbox {
    background-color: #000;
}


Abraços,
Wamki
avatar

Wamki
Usuário avançado

Masculino
Inscrito dia : 22/10/2015
Mensagens : 332
Pontos Ativos : 451

Ver perfil do usuário http://infostyle.forumbrasil.net

Resolvido Re: Personalizar ChatBox

Mensagem por banzé em 18/04/16, 06:23 pm

Preciso do codigo de cor cinza, voce tem amigo ?
avatar

banzé
Usuário avançado

Masculino
Inscrito dia : 01/10/2014
Mensagens : 455
Pontos Ativos : 663

Ver perfil do usuário http://fumetteiros.omeuforum.net/

Resolvido Re: Personalizar ChatBox

Mensagem por Wamki em 18/04/16, 06:30 pm

Boa noite,
O cor cinza é neste código #676767, é pouquinho escuro, mais dá pra valer.

Abraços,
Wamki
avatar

Wamki
Usuário avançado

Masculino
Inscrito dia : 22/10/2015
Mensagens : 332
Pontos Ativos : 451

Ver perfil do usuário http://infostyle.forumbrasil.net

Resolvido Re: Personalizar ChatBox

Mensagem por banzé em 18/04/16, 06:34 pm

Como voce pode notar, não mudou quase nada, somente uma faixa cinza abaixo.
avatar

banzé
Usuário avançado

Masculino
Inscrito dia : 01/10/2014
Mensagens : 455
Pontos Ativos : 663

Ver perfil do usuário http://fumetteiros.omeuforum.net/

Resolvido Re: Personalizar ChatBox

Mensagem por banzé em 19/04/16, 05:45 pm

A cor cinza não ficou boa, então troquei para algo rosado. Como devo proceder para colorir as outras áreas do chatbox, como a parte de cima, o fundo onde está branco, etc ??? Triste
avatar

banzé
Usuário avançado

Masculino
Inscrito dia : 01/10/2014
Mensagens : 455
Pontos Ativos : 663

Ver perfil do usuário http://fumetteiros.omeuforum.net/

Resolvido Re: Personalizar ChatBox

Mensagem por banzé em 20/04/16, 05:40 pm

No aguardo. zen
avatar

banzé
Usuário avançado

Masculino
Inscrito dia : 01/10/2014
Mensagens : 455
Pontos Ativos : 663

Ver perfil do usuário http://fumetteiros.omeuforum.net/

Resolvido Re: Personalizar ChatBox

Mensagem por Key of Destiny em 22/04/16, 12:45 pm

E aí, colega? Tudo joia?

Por algum motivo o seu chatbox está adotando as propriedades CSS que estão no body. Pra resolver isso, você vai precisar de duas coisas. Primeiro, me informar se há algum código html extra em alguma parte do seu fórum, sem ser nas páginas html (por exemplo /h1-); Segundo, ir até sua folha de estilo CSS e procurar por duas classes: body e .main-head. As duas estarão desse jeito:
body
Código:
background-attachment: scroll;
    background-color: #121212;
    background-image: url(http://illiweb.com/fa/empty.gif);
    color: #bcbcbc;
    font-family: Tahoma, Calibri, Verdana, Geneva, sans-serif;
    font-size: 11px;
.main-head
Código:
background: none transparent!important;
    border: 0;
    padding: 9px 9px 14px;

Apague a propriedade "background-color" de ambos e adicione esse código no topo da sua folha de estilo.
Código:
.minwidth_IE {background-color: #121212}
#chatbox {background-color: COR)
#chatbox_members .member-title (background-color: COR}

Vá pela sombra! Muito feliz
avatar

Key of Destiny
Nível 9

Masculino
Inscrito dia : 15/12/2015
Mensagens : 211
Pontos Ativos : 349

Ver perfil do usuário

Resolvido Re: Personalizar ChatBox

Mensagem por banzé em 22/04/16, 06:24 pm

A parte do body não encontrei na folha CSS, mas do .main-head encontrei. Devo deletar mesmo assim ??? Triste
avatar

banzé
Usuário avançado

Masculino
Inscrito dia : 01/10/2014
Mensagens : 455
Pontos Ativos : 663

Ver perfil do usuário http://fumetteiros.omeuforum.net/

Resolvido Re: Personalizar ChatBox

Mensagem por Key of Destiny em 23/04/16, 01:27 am

Estranho, amigo. Pensativo

Faça o seguinte, apague o "background" do ".main-head" e adicione esse código no lugar do que eu havia lhe passado:
Código:
body {background-color: transparent!important}
.minwidth_IE {background-color: #121212}
#chatbox, #chatbox_header, #chatbox_members, #chatbox_members .member-title, #chatbox_footer  {background-color: COR)

O código acima vai fazer com que todas as partes do chatbox possuam a mesma cor (tirando as fontes). Se quiser que alguma área fique diferenciada, basta avisar que mudo o código no mesmo instante. Piscada

Vá pela sombra! Muito feliz
avatar

Key of Destiny
Nível 9

Masculino
Inscrito dia : 15/12/2015
Mensagens : 211
Pontos Ativos : 349

Ver perfil do usuário

Resolvido Re: Personalizar ChatBox

Mensagem por banzé em 23/04/16, 05:44 pm

Eu coloquei este código, e apareceu esta mensagem. Triste

Código:
Erro

Erro detectado
Nós contamos um número diferente de "{" e de "}". Isto significa que o seu CSS pode não ser válido e não será exibido corretamente no seu fórum.

Lhe aconselhamos que releia o seu código.

E o tema principal do fórum mudou, ficou estranho. Triste Triste
avatar

banzé
Usuário avançado

Masculino
Inscrito dia : 01/10/2014
Mensagens : 455
Pontos Ativos : 663

Ver perfil do usuário http://fumetteiros.omeuforum.net/

Resolvido Re: Personalizar ChatBox

Mensagem por while em 24/04/16, 12:22 pm

Isto é porque o nosso amigo, esqueceu do } do final pra fechar a classe.

Mude o ultimo codigo dele para este:

Código:
body {background-color: transparent!important}
.minwidth_IE {background-color: #121212}
#chatbox, #chatbox_header, #chatbox_members, #chatbox_members .member-title, #chatbox_footer  {background-color: pink}

Visto que você deve modificar o "PINK" pela cor que deseja, podendo ser em inglês ou em hexadecimal.

deixei pink, pois você tinha citado que queria rosa :/
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3152
Pontos Ativos : 4600

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Personalizar ChatBox

Mensagem por banzé em 24/04/16, 02:22 pm

Mesmo assim apareceu a mensagem. Triste

Código:
Erro detectado
Nós contamos um número diferente de "{" e de "}". Isto significa que o seu CSS pode não ser válido e não será exibido corretamente no seu fórum.

Lhe aconselhamos que releia o seu código.
avatar

banzé
Usuário avançado

Masculino
Inscrito dia : 01/10/2014
Mensagens : 455
Pontos Ativos : 663

Ver perfil do usuário http://fumetteiros.omeuforum.net/

Resolvido Re: Personalizar ChatBox

Mensagem por while em 24/04/16, 02:23 pm

Necessito da sua folha de estilo css então amigo, poderia passar pra lhe ajudar a desvendar onde está faltando o { ou } ?
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3152
Pontos Ativos : 4600

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Personalizar ChatBox

Mensagem por banzé em 24/04/16, 02:28 pm

Deu certo, como pode ver no chatbox do meu fórum.

http://fumetteiros.omeuforum.net

Se eu quiser mudar a cor é só mudar o código não é ??? Muito feliz Muito feliz
avatar

banzé
Usuário avançado

Masculino
Inscrito dia : 01/10/2014
Mensagens : 455
Pontos Ativos : 663

Ver perfil do usuário http://fumetteiros.omeuforum.net/
  • 0

Resolvido Re: Personalizar ChatBox

Mensagem por while em 24/04/16, 02:32 pm

É só você mudar isto aqui olhe:
Código:
#chatbox, #chatbox_header, #chatbox_members, #chatbox_members .member-title, #chatbox_footer  {background-color: pink}

no caso, o "pink" por outra cor... espero que tenha entendido, qualquer coisa, só me perguntar via PM, visto que sua duvida do tópico já foi sanada.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3152
Pontos Ativos : 4600

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Personalizar ChatBox

Mensagem por banzé em 25/04/16, 05:20 pm

Podem trancar, já estou satisfeito. Feliz
avatar

banzé
Usuário avançado

Masculino
Inscrito dia : 01/10/2014
Mensagens : 455
Pontos Ativos : 663

Ver perfil do usuário http://fumetteiros.omeuforum.net/

Resolvido Re: Personalizar ChatBox

Mensagem por MateusAnjosV em 30/04/16, 11:41 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1444
Pontos Ativos : 2025

Ver perfil do usuário http://ajuda.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum