Aumentar espaço entre nome e avatar

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

Resolvido Aumentar espaço entre nome e avatar

Mensagem por Mauricio Molina em 19/10/12, 10:07 am

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:


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

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Aumentar espaço entre nome e avatar

Mensagem por [F]lames em 19/10/12, 10:15 am

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

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Aumentar espaço entre nome e avatar

Mensagem por Mauricio Molina em 19/10/12, 10:27 am

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:

avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Aumentar espaço entre nome e avatar

Mensagem por [F]lames em 19/10/12, 10:41 am

Olá,

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

Cordialmente ...
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Aumentar espaço entre nome e avatar

Mensagem por Mauricio Molina em 19/10/12, 10:43 am

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

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Aumentar espaço entre nome e avatar

Mensagem por [F]lames em 19/10/12, 10:44 am

Olá,

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

Cordialmente ...
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Aumentar espaço entre nome e avatar

Mensagem por Mauricio Molina em 19/10/12, 10:48 am

Estamos quase la, mas ainda nada...

O que aumentou foi o espaço entre o nick e o nome do rank.
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Aumentar espaço entre nome e avatar

Mensagem por [F]lames em 19/10/12, 10:59 am

Olá,

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


Última edição por -Persy em 19/10/12, 11:02 am, editado 1 vez(es)
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/
  • 0

Resolvido Re: Aumentar espaço entre nome e avatar

Mensagem por Sennior em 19/10/12, 11:02 am

Olá querido,

Tente o seguinte CSS:

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

Abraços. Piscada
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Aumentar espaço entre nome e avatar

Mensagem por Mauricio Molina em 19/10/12, 11:28 am

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

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Aumentar espaço entre nome e avatar

Mensagem por Sennior em 19/10/12, 11:32 am

Olá querido,

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

Abraços. Piscada
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Aumentar espaço entre nome e avatar

Mensagem por Mauricio Molina em 19/10/12, 11:36 am

Esta resolvida, pode fechar...

Obrigado!
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

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