Como fazer isso no avatar?

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

Atendido / Resolvido Como fazer isso no avatar?

Mensagem por waghcwb em 16.12.12 18:52

Qual é minha questão:
Bom eu estava navegando em um site e vi uma coisa legal.


Assim é o perfil do usuário normalmente
Como fazer isso no avatar? Tj1cI
E quando se passa o mouse em cima do avatar aparece as informações no perfil.
Como fazer isso no avatar? TLHix
Agradeço a atenção desde já.

Endereço do meu fórum:
http://www.bruniversalgames.com

Versão do fórum:
PHPBB3


Última edição por -wagh- em 16.12.12 22:10, editado 1 vez(es)
waghcwb

waghcwb
Usuário destaque

Masculino
Inscrito dia : 07/09/2012
Mensagens : 734
Pontos Ativos : 1097

http://punbb.forumeiros.com
  • 0

Atendido / Resolvido Re: Como fazer isso no avatar?

Mensagem por Consolado em 16.12.12 21:49

Olá!

Utilize esse código CSS:
Código:
.postprofile dl dd.info{-webkit-border-radius:10px;background:#e5f1f9;border-color:#F2F2F2;box-shadow:0 0 8px #FAFAFA;display:none;margin-bottom:5px;margin-left:160px;padding:8px 5px 9px;position:absolute;top:11px;width:290px;z-index:999}.postprofile dl:hover dd.info{display:block!important}
Utilize esse código Javascript nos tópicos:
Código:
jQuery(document).ready(function(){jQuery('.postprofile dl').each(function(){jQuery(this).parents().find('dd:eq(2)').attr('class','info')})});
Melhores cumprimentos.
Consolado

Consolado
Super usuário

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

Atendido / Resolvido Re: Como fazer isso no avatar?

Mensagem por waghcwb em 16.12.12 21:58

Olá, deu certo aqui agradeço a atenção.
waghcwb

waghcwb
Usuário destaque

Masculino
Inscrito dia : 07/09/2012
Mensagens : 734
Pontos Ativos : 1097

http://punbb.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum