Aumentar espaço entre nome e avatar

3 participantes

Ir para baixo

Tópico resolvido Aumentar espaço entre nome e avatar

Mensagem por Mauricio Molina 19.10.12 14:07

Qual é minha questão:
Ola...

Pessoal, coloquei no fórum o código que esconder o perfil do membro, mas agora o nome ficou bem perto do avatar quase em cima, e queria separar um piuco mais...

Como faço por favor?

Código JS

Código:
$(function() {
$('.postprofile dt').before('<div id="hide-perfil" style="height: 13px; width: 16px; -moz-border-radius: 4px 4px 4px 4px; cursor: pointer; position: absolute; background: url(http://i48.tinypic.com/33m4qw3.png) no-repeat scroll 0pt -13px #E5F1F9;" onclick="jQuery(\'.postprofile dd\').not(\':first\').not(\':eq(2)\').animate({width:\'toggle\',height:\'toggle\',opacity:\'toggle\'},1000); if(my_getcookie(\'perfil-http://bcvgames.forumbrasil.net\')==\'0\') { my_setcookie(\'perfil-http://bcvgames.forumbrasil.net\',\'1\',0,0); jQuery(\'#hide-perfil\').css(\'background-position\',\'0 -13px\'); } else { my_setcookie(\'perfil-http://bcvgames.forumbrasil.net\',\'0\',1,0); jQuery(\'#hide-perfil\').css(\'background-position\',\'0 0px\'); }"></div>');

if(my_getcookie('perfil-http://bcvgames.forumbrasil.net')=='0') {jQuery('.postprofile dd').not(':first').not(':eq(2)').animate({width:'toggle',height:'toggle',opacity:'toggle'},0); jQuery('.postprofile dd').not(':first').not(':eq(2)').css('background-position','0 0px');}
});

Links e imagens do meu problema:
Aumentar espaço entre nome e avatar 25iarlv

Endereço do meu fórum:
http://aquapeixes.forumeiros.com/forum.htm

Versão do meu fórum:
PHPBB3


Última edição por Mauricio Molina em 19.10.12 15:36, editado 1 vez(es)
Mauricio Molina
Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentar espaço entre nome e avatar

Mensagem por [F]lames 19.10.12 14:15

Olá,

Aceda á teu CSS, e adicione isto :
.postprofile dd, .postprofile dt img {
padding-top: 10px;
}
10px :seta2: Margem interna para separar o nome da imagem ...
Deixei um Efeito junto ao código Piscada

Cordialmente ...
[F]lames
[F]lames
Membro

Membro desde : 05/10/2012
Mensagens : 866
Pontos : 1208

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentar espaço entre nome e avatar

Mensagem por Mauricio Molina 19.10.12 14:27

Ola...

Introduzi, mas não resultou, ele mexeu foi no avatar, colocando uma espécie de margem superior, aumentei o valor para ver melhor, veja:

Aumentar espaço entre nome e avatar Capturars
Mauricio Molina
Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentar espaço entre nome e avatar

Mensagem por [F]lames 19.10.12 14:41

Olá,

Tente este :
.postprofile dd, .postprofile dt {
padding-top: 10px;
}
10px :seta2: Margem interna para separar o nome da imagem ...

Cordialmente ...
[F]lames
[F]lames
Membro

Membro desde : 05/10/2012
Mensagens : 866
Pontos : 1208

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentar espaço entre nome e avatar

Mensagem por Mauricio Molina 19.10.12 14:43

Inda nada amigo, esta descendo o avatar mas sem a parte cinza que postei acima...
Mauricio Molina
Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentar espaço entre nome e avatar

Mensagem por [F]lames 19.10.12 14:44

Olá,

Tente este :
.postprofile dd, .postprofile dt {
margin-top: 5px;
}
5px :seta2: Margem externa para separar o nome da imagem ...

Cordialmente ...
[F]lames
[F]lames
Membro

Membro desde : 05/10/2012
Mensagens : 866
Pontos : 1208

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentar espaço entre nome e avatar

Mensagem por Mauricio Molina 19.10.12 14:48

Estamos quase la, mas ainda nada...

O que aumentou foi o espaço entre o nick e o nome do rank.
Mauricio Molina
Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentar espaço entre nome e avatar

Mensagem por [F]lames 19.10.12 14:59

Olá,

Agora consegui montar :/
.postprofile dt img {
margin: 17px 10px 5px 0;
}
Resultado :
Spoiler:
Cordialmente ...


Última edição por -Persy em 19.10.12 15:02, editado 1 vez(es)
[F]lames
[F]lames
Membro

Membro desde : 05/10/2012
Mensagens : 866
Pontos : 1208

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentar espaço entre nome e avatar

Mensagem por Sennior 19.10.12 15:02

Olá querido,

Tente o seguinte CSS:

Código:
strong {position: relative;top: 4px;}

Abraços. Piscada
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentar espaço entre nome e avatar

Mensagem por Mauricio Molina 19.10.12 15:28

-Persy escreveu:Olá,

Agora consegui montar :/
.postprofile dt img {
margin: 17px 10px 5px 0;
}
Cordialmente ...

Resultou amigo, muito obrigado, só dei uma editada nos valores para aproximar ao meu gosto, dai ficou um pouco próximo do nome do rank, dai utilizei o outro código que separou, ficou de total agrado:

Código:
.postprofile dt img {
margin: 0px 10px 5px 0;
  }
  .postprofile dd, .postprofile dt {
margin-top: 5px;
  }


Mikéé escreveu:Olá querido,

Tente o seguinte CSS:

Código:
strong {position: relative;top: 4px;}

Abraços. Piscada

Resultou também, mas ficou bem em cima do nome do rank, precisaria usar o código adicionado acima também, para seprar:

Código:
strong {position: relative;top: 4px;}
 .postprofile dd, .postprofile dt {
margin-top: 5px;
  }

Agradeço aos dois pela força...
Mauricio Molina
Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentar espaço entre nome e avatar

Mensagem por Sennior 19.10.12 15:32

Olá querido,

Sua dúvida está resolvida? Ou ainda deseja suporte adicional?

Abraços. Piscada
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Aumentar espaço entre nome e avatar

Mensagem por Mauricio Molina 19.10.12 15:36

Esta resolvida, pode fechar...

Obrigado!
Mauricio Molina
Mauricio Molina
Membro

Membro desde : 22/09/2009
Mensagens : 993
Pontos : 1429

http://aquapeixes.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos