#1Sáb Dez 28, 2013 3:49 pm
Informações do usuário ao passar o mouse |
Aprenda como colocar informações do usuário ao passar o mouse no nick do usuário!
Tutorial
Informações do usuário ao passar o mouse
Informações do usuário ao passar o mouse
1º) Crie um JavaScript :
Acesse ao seu painel de controle -> Módulos -> JavaScript & HTML -> Gestão dos códigos JavaScript -> Criar um novo JavaScript
Investimento:No índice!
2º) Resultado :
Código:
- Código:
$(function () {
$("a.gen.user[href^='/u'] ,.contenedor a[href^='/u'],.tcr a.gensmall[href^='/u'] ,.tcl.tdtopics a[href^='/u'] ,.user-ident .username 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
})
});
Nota:
Este código só foi testado para PunBB, e pode não ser funcionalizável para outras versões!
© Mundo dos Fóruns