Perfil em Hover nos Quadros do Fórum Hitskin_logo Hitskin.com

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

Perfil em Hover nos Quadros do Fórum

2 participantes

Ir para baixo

Tópico resolvido Perfil em Hover nos Quadros do Fórum

Mensagem por ShaDownS 17.06.14 7:27

  • Descrição:
Olá,

Eu queria o code que aparecesse informações básicas do usuário, ao pressionar ou passar por cima do link do perfil deste usuário dentro dos quadros das categorias e fóruns, como nesse fórum aqui:
~> http://pokemonartic.forumeiros.com

~ Abraços, Ulti.

  • Informações:
Fórum:http://forumnarutoultimate.forumeiros.comVersão:PHPBB3
Tipo:Pedido de códigoTags:Perfil,Hover,Quadros,Fórum

ShaDownS
ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil em Hover nos Quadros do Fórum

Mensagem por Hancki 17.06.14 8:48

Olá!

Use este código numa nova página Javascript, investida no índice e sub-fóruns:
Código:
$(function(){$(".lastpost a[href^='/u']").hover(function(){var b=$(this).parent().height()-35,c=$(this).position().left-20,b=$(this).position().top-b,name=$(this).text(),id=$(this).attr("href").slice(2);$("#user-hoverbox").remove();$(this).after('<div id="user-hoverbox"style="left: '+c+"px;top:"+b+'px;"><div id="user-hoverbox-inner"><a href="/u'+id+'"><i class="icon-user"></i> Ver perfil</a><a href="/privmsg?mode=post&u='+id+'"><i class="icon-comments"></i> Enviar Mensagem Privada</a><a href="/profile?mode=email&u='+id+'"><i class="icon-envelope-alt"></i> E-mail</a><a href="/spa/'+name+'"><i class="icon-file-alt"></i> Encontrar todas as suas mensagens</a><a href="/sta/'+name+'"><i class="icon-folder-open"></i> Encontrar todos os seus tópicos</a></div></div>');t=setTimeout(function(){$("#user-hoverbox").hide()},3E3);$("#user-hoverbox").mouseover(function(){clearTimeout(t)});$("#user-hoverbox").mouseleave(function(){$(this).remove()});return!1})});
E este CSS na sua folha de estilos:
Código:
/*USARIOS SCRIPT UPFORUM*/
#user-hoverbox:before {
border-bottom: 5px solid #363636;
border-left: 5px solid rgba(0, 0, 0, 0);
border-right: 5px solid rgba(0, 0, 0, 0);
content: "";
height: 0;
left: 12px;
position: absolute;
top: -4px;
width: 0;
}
#user-hoverbox {
display: initial !important;
margin-left: 5px;
min-width: 160px;
padding-top: 1px;
position: absolute;
z-index: 999;
margin-top: 20px;
}
#user-hoverbox-inner {
border: 1px solid #000000;
border-radius: 2px 2px 2px 2px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.31);
width: 210px;
}
#user-hoverbox #user-hoverbox-inner a {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.87);
color: #DADADA;
border-bottom: 1px solid #AAAAAA;
display: block;
font-size: 11px;
padding: 8px;
text-align: left;
text-shadow: none !important;
z-index: 999;
}
.pun #page-body #user-hoverbox #user-hoverbox-inner a {
font-style: normal;
font-weight: 400;
}
#user-hoverbox #user-hoverbox-inner a:hover {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.93);
color: #FCFCFC;
}

Hancki
Hancki
Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Perfil em Hover nos Quadros do Fórum

Mensagem por ShaDownS 19.06.14 2:07

Ficou ótimo ^^

~ Satisfeito. Abraços, Soldier.
ShaDownS
ShaDownS
Membro

Membro desde : 09/03/2014
Mensagens : 907
Pontos : 1484

http://fairytailcelestial.forumeiros.com https://www.facebook.com/liuquen.rodrigues

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