Personalizar ChatBox

+2
Hancki
banzé
6 participantes

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

Tópico resolvido Personalizar ChatBox

Mensagem por banzé 17.04.16 19:44

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é
banzé

banzé
*****

Membro desde : 01/10/2014
Mensagens : 482
Pontos : 704

http://fumetteiros.omeuforum.net/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Personalizar ChatBox

Mensagem por Hancki 17.04.16 21:19

Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar ChatBox

Mensagem por banzé 18.04.16 22:08

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

banzé
*****

Membro desde : 01/10/2014
Mensagens : 482
Pontos : 704

http://fumetteiros.omeuforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar ChatBox

Mensagem por Chagas 18.04.16 22:12

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


Abraços,
Wamki
Chagas

Chagas
Membro

Membro desde : 22/10/2015
Mensagens : 893
Pontos : 1098

https://pelotao.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar ChatBox

Mensagem por banzé 18.04.16 22:23

Preciso do codigo de cor cinza, voce tem amigo ?
banzé

banzé
*****

Membro desde : 01/10/2014
Mensagens : 482
Pontos : 704

http://fumetteiros.omeuforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar ChatBox

Mensagem por Chagas 18.04.16 22:30

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

Abraços,
Wamki
Chagas

Chagas
Membro

Membro desde : 22/10/2015
Mensagens : 893
Pontos : 1098

https://pelotao.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar ChatBox

Mensagem por banzé 18.04.16 22:34

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

banzé
*****

Membro desde : 01/10/2014
Mensagens : 482
Pontos : 704

http://fumetteiros.omeuforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar ChatBox

Mensagem por banzé 19.04.16 21:45

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
banzé

banzé
*****

Membro desde : 01/10/2014
Mensagens : 482
Pontos : 704

http://fumetteiros.omeuforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar ChatBox

Mensagem por banzé 20.04.16 21:40

No aguardo. zen
banzé

banzé
*****

Membro desde : 01/10/2014
Mensagens : 482
Pontos : 704

http://fumetteiros.omeuforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar ChatBox

Mensagem por Key of Destiny 22.04.16 16:45

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://2img.net/i/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
Key of Destiny

Key of Destiny
****

Membro desde : 15/12/2015
Mensagens : 273
Pontos : 442

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar ChatBox

Mensagem por banzé 22.04.16 22:24

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

banzé
*****

Membro desde : 01/10/2014
Mensagens : 482
Pontos : 704

http://fumetteiros.omeuforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar ChatBox

Mensagem por Key of Destiny 23.04.16 5:27

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
Key of Destiny

Key of Destiny
****

Membro desde : 15/12/2015
Mensagens : 273
Pontos : 442

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar ChatBox

Mensagem por banzé 23.04.16 21:44

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
banzé

banzé
*****

Membro desde : 01/10/2014
Mensagens : 482
Pontos : 704

http://fumetteiros.omeuforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar ChatBox

Mensagem por while 24.04.16 16:22

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 :/
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar ChatBox

Mensagem por banzé 24.04.16 18:22

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.
banzé

banzé
*****

Membro desde : 01/10/2014
Mensagens : 482
Pontos : 704

http://fumetteiros.omeuforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar ChatBox

Mensagem por while 24.04.16 18:23

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

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar ChatBox

Mensagem por banzé 24.04.16 18:28

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
banzé

banzé
*****

Membro desde : 01/10/2014
Mensagens : 482
Pontos : 704

http://fumetteiros.omeuforum.net/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Personalizar ChatBox

Mensagem por while 24.04.16 18:32

É 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.
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar ChatBox

Mensagem por banzé 25.04.16 21:20

Podem trancar, já estou satisfeito. Feliz
banzé

banzé
*****

Membro desde : 01/10/2014
Mensagens : 482
Pontos : 704

http://fumetteiros.omeuforum.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar ChatBox

Mensagem por MateusAnjosV 30.04.16 15:41

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

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

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos