Menu dropdow no nome dos usuários Hitskin_logo Hitskin.com

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

Menu dropdow no nome dos usuários

3 participantes

Ir para baixo

Tópico resolvido Menu dropdow no nome dos usuários

Mensagem por jsvenancio 08.09.14 12:25

Bom dia.

Tenho dois fóruns, num deles o "Menu dropdow no nome dos usuários" funciona bem com o seguinte código:


jQuery(function(){jQuery("a[href^='/u'].gensmall,.title_profile a[href^='/u']").hover(function(){var b=jQuery(this).parent().height()-35,c=jQuery(this).position().left-20,b=jQuery(this).position().top-b,name=jQuery(this).text(),id=jQuery(this).attr("href").slice(2);jQuery("#user-hoverbox").remove();jQuery(this).after('<div id="user-hoverbox" style="left: '+c+'px;margin-top:20px"><div id="user-hoverbox-inner"><a href="/u'+id+'wall"> Ver </a><a href="/u'+id+'">Informações</a><a href="/privmsg?mode=post&u='+id+'">Enviar MP</a><a href="/spa/'+name+'">Mensagens</a><a href="/sta/'+name+'"><i class="icon-folder-open"></i> Todos os tópicos</a></div></div>');t=setTimeout(function(){jQuery("#user-hoverbox").hide()},3E3);jQuery("#user-hoverbox").mouseover(function(){clearTimeout(t)});jQuery("#user-hoverbox").mouseleave(function(){jQuery(this).remove()});return!1})});

Usei o mesmo código para o outro forum, mas não funciona bem, aparece de forma diferente.
Gostava de saber se é possível resolver este problema, se sim, como?

O forum onde o código não funciona é este:
O Consórcio

EDIT:

Resolvi o problema com o Código que o Quakeline postou aqui num comentário.


Última edição por jsvenancio em 12.09.14 11:11, editado 1 vez(es)
jsvenancio
jsvenancio
***

Membro desde : 03/07/2013
Mensagens : 102
Pontos : 163

https://obloggueiro.directorioforuns.com/ https://www.facebook.com/obloggueiro

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu dropdow no nome dos usuários

Mensagem por Roevs 08.09.14 21:26

Olá,

Você adicionou o código CSS na sua Folha de estilo CSS ?

Até
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu dropdow no nome dos usuários

Mensagem por jsvenancio 10.09.14 19:13

Quakeline escreveu:Olá,

Você adicionou o código CSS na sua Folha de estilo CSS ?

Até

Boa tarde @Quakeline.

Agora que fala, não me recordo de adicionar nenhum código CSS na minha Folha de estilo CSS para este efeito.
Pode indicar qual é o Código que tenho de adicionar na Folha de estilo CSS?
jsvenancio
jsvenancio
***

Membro desde : 03/07/2013
Mensagens : 102
Pontos : 163

https://obloggueiro.directorioforuns.com/ https://www.facebook.com/obloggueiro

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu dropdow no nome dos usuários

Mensagem por Roevs 10.09.14 22:32

Olá,

Depende, poderia me mostrar aonde encontrou este código, ou um fórum que tenha o efeito corretamente ?

Até
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu dropdow no nome dos usuários

Mensagem por jsvenancio 11.09.14 16:56

Quakeline escreveu:Olá,

Depende, poderia me mostrar aonde encontrou este código, ou um fórum que tenha o efeito corretamente ?

Até

Tenho esse efeito a funcionar num outro forum meu, deixo o link a baixo.

Código:
http://obloggueiro.forumaqui.com/

Estive a ver no CSS desse forum, mas na altura não deixei nada comentado nesse CSS e então não sei qual será o código para este efeito.
jsvenancio
jsvenancio
***

Membro desde : 03/07/2013
Mensagens : 102
Pontos : 163

https://obloggueiro.directorioforuns.com/ https://www.facebook.com/obloggueiro

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu dropdow no nome dos usuários

Mensagem por Alex Habilidade 12.09.14 3:11

Me forneça sua CSS completa por favor...
Alex Habilidade
Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu dropdow no nome dos usuários

Mensagem por Roevs 12.09.14 3:35

Olá,

Adiciona esse código na sua Folha de estilo CSS

Código:
#user-hoverbox{display:initial!important;margin-left:5px;padding-top:1px;position:absolute;width:140px;z-index:9}#user-hoverbox #user-hoverbox-inner a{background:#fff;border-bottom:1px solid #d4d4d4;color:#333!important;display:inline-block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:bold;height:12px;padding:8px;text-align:left;text-shadow:none!important;width:104px}#user-hoverbox-inner{background:#fff;border:4px solid #000;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,0.31);height:145px;width:120px}#user-hoverbox #user-hoverbox-inner a:hover{background:#fafafa}#user-hoverbox::before{border-bottom:5px solid #363636;border-left:5px solid transparent;border-right:5px solid transparent;content:"";height:0;left:12px;position:absolute;top:-4px;width:0}#user-hoverbox a .icon-user{background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/o0vbzt11.png)}#user-hoverbox a .icon-comments{background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/lprlxh11.png)}.pun #user-hoverbox a i{background-position:center;background-repeat:no-repeat;float:left;height:10px;margin-right:3px;margin-top:2px;opacity:.8;width:13px}#user-hoverbox a .icon-envelope-alt{background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/h1hniq11.png)}#user-hoverbox a .icon-file-alt{background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/3tvmtx11.png)}#user-hoverbox a .icon-folder-open{background-image:url(http://i57.servimg.com/u/f57/17/68/86/50/xbes4r11.png)}

Até
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu dropdow no nome dos usuários

Mensagem por jsvenancio 12.09.14 11:09

Alex Habilidade escreveu:Me forneça sua CSS completa por favor...

Obrigado Alex mas está resolvido.

Quakeline escreveu:Olá,

Adiciona esse código na sua Folha de estilo CSS

Spoiler:

Até

Obrigado Quakeline, esse código resolveu o problema.
jsvenancio
jsvenancio
***

Membro desde : 03/07/2013
Mensagens : 102
Pontos : 163

https://obloggueiro.directorioforuns.com/ https://www.facebook.com/obloggueiro

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