Como fazer isso no avatar?

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

Resolvido Como fazer isso no avatar?

Mensagem por waghcwb em 16/12/12, 04:52 pm

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


Assim é o perfil do usuário normalmente

E quando se passa o mouse em cima do avatar aparece as informações no perfil.

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, 08:10 pm, editado 1 vez(es)
avatar

waghcwb
Usuário destaque

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

Ver perfil do usuário http://punbb.forumeiros.com
  • 0

Resolvido Re: Como fazer isso no avatar?

Mensagem por Consolado em 16/12/12, 07:49 pm

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

Consolado
Super usuário

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

Ver perfil do usuário

Resolvido Re: Como fazer isso no avatar?

Mensagem por waghcwb em 16/12/12, 07:58 pm

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

waghcwb
Usuário destaque

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

Ver perfil do usuário http://punbb.forumeiros.com

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