Ajustar aspeto de chatbox

Item: Ajustar aspeto de chatbox
Rating: 1

por IsmaelS. em 17/11/15, 09:07 pm

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.

por Fraise em 17/11/15, 10:11 pm

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

por IsmaelS. em 17/11/15, 10:13 pm

@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:"

por Fraise em 17/11/15, 10:16 pm

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

por IsmaelS. em 17/11/15, 10:29 pm

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

por Fraise em 17/11/15, 10:47 pm

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

por IsmaelS. em 18/11/15, 12:05 am

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

por Fraise em 18/11/15, 09:16 pm

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

por IsmaelS. em 18/11/15, 09:20 pm

Perfeito amigo obrigado e resolvido!

por Fraise em 18/11/15, 09:32 pm

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

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

Fórum dos Fóruns Forumeiros

Ajustar aspeto de chatbox