Efeito ao passar o mouse emcima do nome

4 participantes

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

Tópico resolvido Efeito ao passar o mouse emcima do nome

Mensagem por TheJokerGFR 08.05.14 22:15

  • Descrição:
Queria este efeito ao passar o mouse emcima do nome mostrar isto.
Efeito ao passar o mouse emcima do nome Iu1eBOj
Site que achei isto: http://upforum.forumeiros.com/

  • Informações:
Fórum:http://gtav-sobre.forumeiros.com/Versão:PHPBB2
Tipo:Pedido de códigoTags:Efeito,passar,mouse,emcima



Última edição por Rafael_Brian em 09.05.14 1:18, editado 1 vez(es)
TheJokerGFR

TheJokerGFR
****

Membro desde : 22/09/2012
Mensagens : 316
Pontos : 473

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito ao passar o mouse emcima do nome

Mensagem por Lima 3005 08.05.14 22:39

JUFASA escreveu:Ola amigo, esse Forum é meu

Para fazer isso vá em:
Painel de controlo  Seta  Módulos :seta:Gestão dos códigos JavaScript
e adicione esse JS:
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})});

depois vá em:
Painel de controlo :seta:Visualização :seta:Cores :seta:Folha de estilo CSS

e adicione esses codigos:
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;
}
#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;
}
Lima 3005

Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito ao passar o mouse emcima do nome

Mensagem por TheJokerGFR 08.05.14 22:46

Cara esse codigo está na versão PunBB e não phpBB2 ja vi esse topico dele mas ta em PunBB

TheJokerGFR

TheJokerGFR
****

Membro desde : 22/09/2012
Mensagens : 316
Pontos : 473

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito ao passar o mouse emcima do nome

Mensagem por Lima 3005 08.05.14 22:50

Não faço a mínima ideia de como se passa s:
Lima 3005

Lima 3005
Membro

Membro desde : 08/02/2013
Mensagens : 631
Pontos : 885

http://universogamer.foruns.com.pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito ao passar o mouse emcima do nome

Mensagem por TheJokerGFR 08.05.14 22:51

Então terei de aguardar D: ja mandei MP pro jufasa com o link do topico vo ver se ele vai vir responder :S
TheJokerGFR

TheJokerGFR
****

Membro desde : 22/09/2012
Mensagens : 316
Pontos : 473

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito ao passar o mouse emcima do nome

Mensagem por JUFASA 08.05.14 23:11

Olá Amigo, queira ler este Tutorial:  :seta2: [Tutorial] Efeito passar mouse em cima do nome

Att: JUFASA / Alguma duvida ja sabe

[LINK REMOVIDO POR SHEK]
JUFASA

JUFASA
****

Membro desde : 12/09/2011
Mensagens : 238
Pontos : 390

http://upforum.forumeiros.com/ https://www.facebook.com/UpForum

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Efeito ao passar o mouse emcima do nome

Mensagem por Shek 08.05.14 23:21

Olá e boa noite Jufasa!

Publicidades são aceites somente no setor de Publicidade: https://ajuda.forumeiros.com/f30- Por favor, não poste links externos ao não ser mensagem do autor para indicar o fórum no setor de suporte.

Nós agradecemos pela sua compreensão!

Atenciosamente,
Shek
Shek

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos