Ajustar aspeto de chatbox
Fórum dos Fóruns :: Atendimento ao Usuário Forumeiros :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe •
Ajustar aspeto de chatbox
Detalhes da questão
Endereço do fórum: http://master-publicitario.forumeiros.com/
Versão do fórum: PhpBB3
Descrição
Olá!
Queria melhorar o aspeto do meu Chatbox vejam como ele está:

Se repararem o avatar ou seja as mensagens estão muito afastadas, e queria se possível colocar mais para a esquerda, e caixa de mensagem queria colocar mais para a esquerda pois os botões de bbcode não estão a aparecer.
Última edição por IsmaelS. em 18/11/15, 09:31 pm, editado 1 vez(es)
IsmaelS.- Usuário experiente
-
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096
Re: Ajustar aspeto de chatbox
Boa noite.
Adicione no inicio da sua folha de estilos:
Até mais.
Fraise
Adicione no inicio da sua folha de estilos:
- Código:
#chatbox { left: 190px !important; }
#chatbox_footer .fontbutton { padding: 0 !important; }
Até mais.
Fraise

Bem-vindo ao Fórum dos Fóruns! |
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte. Antes de criar um tópico, verifique se sua questão já não foi respondida. Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum. |
Fraise — Moderadeiro |
Fraise- Moderadeiro
-
Inscrito dia : 26/06/2015
Mensagens : 5305
Pontos Ativos : 6975
Re: Ajustar aspeto de chatbox
@Fraise resultou mas queria retirar a borda em verde a volta dos botões e colocar a caixa de escrever mais para cima e o botão de enviar também. Gostava de saber se é possível retirar o que diz "mensagem:"
IsmaelS.- Usuário experiente
-
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096
Re: Ajustar aspeto de chatbox
Adicione mais este:
Até mais.
Fraise
- Código:
#chatbox_footer #message, input#submit_button { margin-top: -4px !important; }
#chatbox_footer label:nth-child(1) { display: none; }
#chatbox_footer .fontbutton { border: none !important; }
Até mais.
Fraise

Bem-vindo ao Fórum dos Fóruns! |
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte. Antes de criar um tópico, verifique se sua questão já não foi respondida. Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum. |
Fraise — Moderadeiro |
Fraise- Moderadeiro
-
Inscrito dia : 26/06/2015
Mensagens : 5305
Pontos Ativos : 6975
Re: Ajustar aspeto de chatbox
@Fraise está quase amigo mas veja a print:

Seta vermelha: queria colocar aquele traço a chegar ao topo se reparar nem chega fica a meio do caminho e queria colocar em vez de preto, esta cor (#d5dde5)
Seta cinza: queria colocar esses traços a dividir cada mensagem a encostar ao traço vertical.
Seta verde: queria aumentar só um pouco os botões.
A caixa de mensagem se possível chegar mais um pouco a esquerda pois está colada ao botão enviar.
Por fim repare a barra azul do topo e em baixo, queria esticar a de baixo ou seja deixar como a do topo no limite mesmo ficar ajustado.

Seta vermelha: queria colocar aquele traço a chegar ao topo se reparar nem chega fica a meio do caminho e queria colocar em vez de preto, esta cor (#d5dde5)
Seta cinza: queria colocar esses traços a dividir cada mensagem a encostar ao traço vertical.
Seta verde: queria aumentar só um pouco os botões.
A caixa de mensagem se possível chegar mais um pouco a esquerda pois está colada ao botão enviar.
Por fim repare a barra azul do topo e em baixo, queria esticar a de baixo ou seja deixar como a do topo no limite mesmo ficar ajustado.
IsmaelS.- Usuário experiente
-
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096
Re: Ajustar aspeto de chatbox
Assim?
Tudo certo agora?
Melhores cumprimentos.
Fraise
- Código:
#chatbox_members { border-right-color: #d5dde5; }
#chatbox_footer #message, input#submit_button { margin: 2px; }
#chatbox_footer .fontbutton { padding: 5px !important; }
#chatbox_footer { margin-left: 0 !important; width: 100% !important; }
Tudo certo agora?

Melhores cumprimentos.
Fraise

Bem-vindo ao Fórum dos Fóruns! |
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte. Antes de criar um tópico, verifique se sua questão já não foi respondida. Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum. |
Fraise — Moderadeiro |
Fraise- Moderadeiro
-
Inscrito dia : 26/06/2015
Mensagens : 5305
Pontos Ativos : 6975
Re: Ajustar aspeto de chatbox
@Fraise não consegue só esticar estes traços?


IsmaelS.- Usuário experiente
-
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096
Re: Ajustar aspeto de chatbox
Creio que só é possivel desta forma:
Isso irá subir também a lista de membros online no chatbox.
Até mais.
Fraise
- Código:
#chatbox_members { top: 30px !important; }
Isso irá subir também a lista de membros online no chatbox.
Até mais.
Fraise

Bem-vindo ao Fórum dos Fóruns! |
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte. Antes de criar um tópico, verifique se sua questão já não foi respondida. Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum. |
Fraise — Moderadeiro |
Fraise- Moderadeiro
-
Inscrito dia : 26/06/2015
Mensagens : 5305
Pontos Ativos : 6975
Re: Ajustar aspeto de chatbox
Perfeito amigo obrigado e resolvido!
IsmaelS.- Usuário experiente
-
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096
Re: Ajustar aspeto de chatbox
![]() | Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas". |

Bem-vindo ao Fórum dos Fóruns! |
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte. Antes de criar um tópico, verifique se sua questão já não foi respondida. Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum. |
Fraise — Moderadeiro |
Fraise- Moderadeiro
-
Inscrito dia : 26/06/2015
Mensagens : 5305
Pontos Ativos : 6975
Fórum dos Fóruns :: Atendimento ao Usuário Forumeiros :: 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ão deste fórum:
Você não pode responder aos tópicos neste fórum