Menu dropdow no nome dos usuários

3 participantes

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

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

Mensagem por jsvenancio Seg 8 Set 2014 - 11: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 Sex 12 Set 2014 - 10: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

Membro Entusiasta

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

Mensagem por Roevs Seg 8 Set 2014 - 20:26

Olá,

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

Até
Roevs

Roevs
Membro Entusiasta
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 Qua 10 Set 2014 - 18: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

Membro Entusiasta

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

Mensagem por Roevs Qua 10 Set 2014 - 21: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 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 Qui 11 Set 2014 - 15: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 Sex 12 Set 2014 - 2: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

Membro Entusiasta

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

Mensagem por Roevs Sex 12 Set 2014 - 2: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 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 Sex 12 Set 2014 - 10: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

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