Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

#1
Migas



avatar



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


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!


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
  })
});

2º) Resultado :





Nota: 
 Este código só foi testado para PunBB, e pode não ser funcionalizável para outras versões!


© Mundo dos Fóruns

Ver perfil do usuário

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]