Como fazer isso no avatar? Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Como fazer isso no avatar?

2 participantes

Ir para baixo

Tópico resolvido Como fazer isso no avatar?

Mensagem por waghcwb 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
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer isso no avatar?

Mensagem por Consolado 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
Hiper Membro

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Como fazer isso no avatar?

Mensagem por waghcwb 16.12.12 21:58

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

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

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