Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Adicionar crumbs
Hoje à(s) 13:31 por William_iHarDz

» Sub-menu de login
Hoje à(s) 12:59 por iScroll

» Dúvida quanto ao setor de divulgação
Hoje à(s) 12:42 por Luiz

» Quadrado no post
Hoje à(s) 12:40 por Kyo Panda

» Widget novidades não funciona
Hoje à(s) 12:07 por Kyo Panda

» Painel moderativo para moderadores
Hoje à(s) 11:16 por iScroll

» Ajustar widget de últimos assuntos
Hoje à(s) 9:58 por Kyo Panda

Instale agora o aplicativo Topic'it e acesse o suporte de Forumeiros pelo celular.
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
265 usuários online :: 12 usuários cadastrados, Nenhum Invisível e 253 Visitantes :: 2 Motores de busca

Carlos Rodrigues, Herbert Silva, Holkis, iScroll, Kenno LP, Ketholy123, Kyo Panda, Lost154, Luiz, SetRaiden, virus, William_iHarDz

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 10:05

Ajustar aspeto de chatbox

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

Resolvido Ajustar aspeto de chatbox

Mensagem por IsmaelS. em Ter 17 Nov 2015 - 18:07

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 Qua 18 Nov 2015 - 18:31, editado 1 vez(es)

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2830
Pontos Ativos : 3928

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Ajustar aspeto de chatbox

Mensagem por Fraise em Ter 17 Nov 2015 - 19:11

Boa noite.

Adicione no inicio da sua folha de estilos:
Código:
#chatbox { left: 190px !important; }
#chatbox_footer .fontbutton { padding: 0 !important; }

Até mais.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5020
Pontos Ativos : 6700

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Ajustar aspeto de chatbox

Mensagem por IsmaelS. em Ter 17 Nov 2015 - 19:13

@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

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2830
Pontos Ativos : 3928

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Ajustar aspeto de chatbox

Mensagem por Fraise em Ter 17 Nov 2015 - 19:16

Adicione mais este:
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
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5020
Pontos Ativos : 6700

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Ajustar aspeto de chatbox

Mensagem por IsmaelS. em Ter 17 Nov 2015 - 19:29

@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.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2830
Pontos Ativos : 3928

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Ajustar aspeto de chatbox

Mensagem por Fraise em Ter 17 Nov 2015 - 19:47

Assim?
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? Muito feliz

Melhores cumprimentos.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5020
Pontos Ativos : 6700

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Ajustar aspeto de chatbox

Mensagem por IsmaelS. em Ter 17 Nov 2015 - 21:05

@Fraise não consegue só esticar estes traços?

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2830
Pontos Ativos : 3928

Ver perfil do usuário http://suporte-design.forumeiros.com/
  • 0

Resolvido Re: Ajustar aspeto de chatbox

Mensagem por Fraise em Qua 18 Nov 2015 - 18:16

Creio que só é possivel desta forma:
Código:
#chatbox_members { top: 30px !important; }

Isso irá subir também a lista de membros online no chatbox.

Até mais.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5020
Pontos Ativos : 6700

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Ajustar aspeto de chatbox

Mensagem por IsmaelS. em Qua 18 Nov 2015 - 18:20

Perfeito amigo obrigado e resolvido!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2830
Pontos Ativos : 3928

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Ajustar aspeto de chatbox

Mensagem por Fraise em Qua 18 Nov 2015 - 18:32

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

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5020
Pontos Ativos : 6700

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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