Deformação no layout do tópico

3 participantes

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

Tópico resolvido Deformação no layout do tópico

Mensagem por Ioane 15.12.12 13:57

Qual é minha questão:
Deformação no layout do tópico 2nhqn7s

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 11:36, editado 1 vez(es)
Ioane

Ioane
****

Membro desde : 17/06/2009
Mensagens : 386
Pontos : 638

http://jovensescritores.forumeiro.com/

Ir para o topo Ir para baixo

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

Mensagem por Consolado 15.12.12 15:02

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

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

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

Mensagem por Ioane 15.12.12 21:18

É 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?
Ioane

Ioane
****

Membro desde : 17/06/2009
Mensagens : 386
Pontos : 638

http://jovensescritores.forumeiro.com/

Ir para o topo Ir para baixo

Membro Entusiasta

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

Mensagem por BrunoH. 15.12.12 23:00

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

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

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

Mensagem por Consolado 15.12.12 23:08

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

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

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

Mensagem por Ioane 16.12.12 0:40

"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?
Ioane

Ioane
****

Membro desde : 17/06/2009
Mensagens : 386
Pontos : 638

http://jovensescritores.forumeiro.com/

Ir para o topo Ir para baixo

Membro Entusiasta

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

Mensagem por BrunoH. 16.12.12 0:41

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

Até mais.
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

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

Mensagem por Ioane 16.12.12 0:53

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:

Deformação no layout do tópico 2m2xc12

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

Ioane
****

Membro desde : 17/06/2009
Mensagens : 386
Pontos : 638

http://jovensescritores.forumeiro.com/

Ir para o topo Ir para baixo

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

Mensagem por Consolado 16.12.12 11:15

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

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

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

Mensagem por Ioane 16.12.12 11:26

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

Ioane
****

Membro desde : 17/06/2009
Mensagens : 386
Pontos : 638

http://jovensescritores.forumeiro.com/

Ir para o topo Ir para baixo

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

Mensagem por Consolado 16.12.12 11:30

Olá!

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

Melhores cumprimentos.
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

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

Mensagem por Ioane 16.12.12 11:35

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

Ioane
****

Membro desde : 17/06/2009
Mensagens : 386
Pontos : 638

http://jovensescritores.forumeiro.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