Deformação no layout do tópico

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

Resolvido Deformação no layout do tópico

Mensagem por Ioane em 15/12/12, 11:57 am

Qual é minha questão:


Prestem atenção na imagem acima que o avatar está deformado, esticado, o botão citar não está totalmente visível, o título está muito para a direita, assim como o horário no qual foi mandada a mensagem. Essa série de problemas pode ser corrigida?

Endereço do meu fórum:
http://mundomeiosangue.forumfacil.net

Versão do fórum:
PHPBB3


Última edição por Ioane em 16/12/12, 09:36 am, editado 1 vez(es)
avatar

Ioane
Usuário avançado

Masculino
Inscrito dia : 17/06/2009
Mensagens : 386
Pontos Ativos : 638

Ver perfil do usuário http://jovensescritores.forumeiro.com/

Resolvido Re: Deformação no layout do tópico

Mensagem por Consolado em 15/12/12, 01:02 pm

Olá!

Utilize esse código CSS:
Código:
.postbody ul.profile-icons img{margin-top: 28px}.postbody .topic-title{margin-left: 65px!important}p.author > span{margin-left: -89%!important}
As posições estão boas? Deseja alguma modificação?

Melhores cumprimentos.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Deformação no layout do tópico

Mensagem por Ioane em 15/12/12, 07:18 pm

É possível que o título do tópico fique em cima do avatar e que este último não fique alongado e, consequentemente, deformado?
avatar

Ioane
Usuário avançado

Masculino
Inscrito dia : 17/06/2009
Mensagens : 386
Pontos Ativos : 638

Ver perfil do usuário http://jovensescritores.forumeiro.com/

Resolvido Re: Deformação no layout do tópico

Mensagem por BrunoH. em 15/12/12, 09:00 pm

Olá!
Aceda a Folha de Estilo CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Código:
.postbody .topic-title {margin-left: -30px!important;}
Altere o valor que está em negrito, até ficar na posição desejada.
e Valide!

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Deformação no layout do tópico

Mensagem por Consolado em 15/12/12, 09:08 pm

Olá!

Substitua por esse código CSS:
Código:
.postbody ul.profile-icons img{margin-top: 28px}.postbody .topic-title{margin-left: 65px!important}rtant}p.author > span{margin-left: -89%!important}
Melhores cumprimentos.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Deformação no layout do tópico

Mensagem por Ioane em 15/12/12, 10:40 pm

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

O código está mesmo correto, Today?
avatar

Ioane
Usuário avançado

Masculino
Inscrito dia : 17/06/2009
Mensagens : 386
Pontos Ativos : 638

Ver perfil do usuário http://jovensescritores.forumeiro.com/

Resolvido Re: Deformação no layout do tópico

Mensagem por BrunoH. em 15/12/12, 10:41 pm

Olá!
O senhor tentou o código que lhe forneci acima? Poderia tentar por gentileza?

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Deformação no layout do tópico

Mensagem por Ioane em 15/12/12, 10:53 pm

Sim, eu tentei. Decidi, entretanto, deixar o perfil do lado direito das mensagens, pois me pareceu mais bonito e conveniente. Assim, seu código tornou-se desnecessário. No entanto, há ainda um problema que permanece:



Como podem ver, os botões "citar" e "editar" não estão completamente visíveis. E, além disso, o avatar continua deformado em altura, a despeito de suas dimensões originais.
avatar

Ioane
Usuário avançado

Masculino
Inscrito dia : 17/06/2009
Mensagens : 386
Pontos Ativos : 638

Ver perfil do usuário http://jovensescritores.forumeiro.com/

Resolvido Re: Deformação no layout do tópico

Mensagem por Consolado em 16/12/12, 09:15 am

Olá!

Desculpe-me, houve um erro de digitação no código. Substitua por esse código CSS:
Código:
.postbody ul.profile-icons img{margin-top: 28px!important}.postbody .topic-title{margin-left: 65px!important}p.author > span{margin-left: -89%!important}
Melhores cumprimentos.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Deformação no layout do tópico

Mensagem por Ioane em 16/12/12, 09:26 am

Obrigado, Today, o código deu certo. Todavia, os avatares continuam deformados. Há possibilidade de se corrigir isso?
avatar

Ioane
Usuário avançado

Masculino
Inscrito dia : 17/06/2009
Mensagens : 386
Pontos Ativos : 638

Ver perfil do usuário http://jovensescritores.forumeiro.com/

Resolvido Re: Deformação no layout do tópico

Mensagem por Consolado em 16/12/12, 09:30 am

Olá!

Qual o erro nos avatares? Visitei seu fórum e não tem nenhum.

Melhores cumprimentos.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Deformação no layout do tópico

Mensagem por Ioane em 16/12/12, 09:35 am

Ao acessá-lo através do Chrome percebi que não há deformação no avatar. Voltei ao Firefox, limpei os dados do navegador e tudo voltou a aparecer normal.

Obrigado, consegui o que queria.
avatar

Ioane
Usuário avançado

Masculino
Inscrito dia : 17/06/2009
Mensagens : 386
Pontos Ativos : 638

Ver perfil do usuário http://jovensescritores.forumeiro.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