Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

avatar
Fundador

Mini Painel De Usuário


PunBB PhpBB2 PhpBB3 Invision
--> Código JavaScript <--
Em todas as paginas

Código:
$(function(){$("a[href^='/u']").click(function(){var b=$(this).parent().height()-35,c=$(this).position().left-20,b=$(this).position().top-b,a=$(this).attr("href").slice(2);$("#fmviMenu").remove();$(this).parent().parent().after('<div class="select" id="fmviMenu" style="width: auto; left: '+c+"px; top: "+b+'px; position: absolute; background-color: #FFFFFF; border: 1px solid #BCBCBC;overflow: hidden; z-index: 999;padding:5px;"><div><a href="/u'+a+'"><img src="http://r15.imgfast.net/users/1517/19/87/28/smiles/3145783135.png" alt="" /> <pr>Visitar</pr></a></div><div><a href="/u'+a+'friends"><img src="http://r15.imgfast.net/users/1517/19/87/28/smiles/3145783135.png" alt="" /> <pr>Amigos do Usuário</pr></a></div><div><a href="/privmsg?mode=post&u='+a+'"><img src="http://r15.imgfast.net/users/1517/19/87/28/smiles/3145783135.png" alt="" /> <pr>Enviar Menságem ao Membro</pr></a></div>');t=setTimeout(function(){$("#fmviMenu").hide()},3E3);$("#fmviMenu").mouseover(function(){clearTimeout(t)});$("#fmviMenu").mouseleave(function(){$(this).remove()});return!1})});

--> Resultado Final <--


Desenvolvido por clubteen9x | clubteen9x
Editado e Postado por 2012 © Staffer Group BR™
Ver perfil do usuário

#2
 Kirito

avatar
Novato
Otimo tutorial, me ajudou bastante esse vai pro meu forum o/
Ver perfil do usuário

#3
 Death'

avatar
Novato
Alerta de Nível 1: 
(Alerta que o tópico ta massa !)

Ver perfil do usuário

#4
 Death'

avatar
Novato
looooooooooooooool :fred:
Ver perfil do usuário

#5
 SostenesSilva.

avatar
Membro
Obrigado por personalizar o código e nos disponibilizar!
Ver perfil do usuário

#6
 dejanpetrus

avatar
Membro
loooolllll thanks :isee:
Ver perfil do usuário

#7
 SmackeD

avatar
Membro
curti gosto dos seus topic :D
Ver perfil do usuário

#8
 Patrão

avatar
Membro
Gostei do seu tutorial
Ver perfil do usuário

#9
 Narutofake

avatar
Membro
Gostei estarei a testar vlw
Ver perfil do usuário

#10
 sapinhu

avatar
Membro
Não entendi muito o resultado, mas vamos testar para ver

@edit

Ótimo código
Ver perfil do usuário prof_roy@hotmail.com

#11
 [F]lames

avatar
Membro
Olá,

Ótimo código, muito bom 2

Até mais.
Ver perfil do usuário

#12
 'Fusion

avatar
Membro
Muito legal gostei di mais

Assinatura:
Ver perfil do usuário samuca_akira@hotmail.com

#13
 Jose Hamizaki

avatar
Membro
Bem interessante esse efeito, vou testa-lo.
Ver perfil do usuário

#14
 Bookmarlucas654

avatar
Membro
Gostei do efeito. Vou usar ele =D
Ver perfil do usuário

#15
 Stark'

avatar
Membro
Muito Reputante Esse Codigo
Ver perfil do usuário

#16
 fascicularia

avatar
Membro
thanks
Ver perfil do usuário

#17
 Master Publicitario

avatar
Membro
Muito bom!
Ver perfil do usuário

#18
 sergio44

avatar
Membro
thanks
Ver perfil do usuário

#19
 Conteúdo patrocinado