Menu dropdow no nome dos usuários

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

Resolvido Menu dropdow no nome dos usuários

Mensagem por jsvenancio em 08/09/14, 08:25 am

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, 07:11 am, editado 1 vez(es)
avatar

jsvenancio
Nível 7

Masculino
Inscrito dia : 03/07/2013
Mensagens : 97
Pontos Ativos : 152

Ver perfil do usuário http://obloggueiro.forumaqui.com/ https://www.facebook.com/obloggueiro

Resolvido Re: Menu dropdow no nome dos usuários

Mensagem por iPrompt em 08/09/14, 05:26 pm

Olá,

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

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Menu dropdow no nome dos usuários

Mensagem por jsvenancio em 10/09/14, 03:13 pm

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?
avatar

jsvenancio
Nível 7

Masculino
Inscrito dia : 03/07/2013
Mensagens : 97
Pontos Ativos : 152

Ver perfil do usuário http://obloggueiro.forumaqui.com/ https://www.facebook.com/obloggueiro

Resolvido Re: Menu dropdow no nome dos usuários

Mensagem por iPrompt em 10/09/14, 06:32 pm

Olá,

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

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Menu dropdow no nome dos usuários

Mensagem por jsvenancio em 11/09/14, 12:56 pm

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.
avatar

jsvenancio
Nível 7

Masculino
Inscrito dia : 03/07/2013
Mensagens : 97
Pontos Ativos : 152

Ver perfil do usuário http://obloggueiro.forumaqui.com/ https://www.facebook.com/obloggueiro

Resolvido Re: Menu dropdow no nome dos usuários

Mensagem por Alex Habilidade em 11/09/14, 11:11 pm

Me forneça sua CSS completa por favor...
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Menu dropdow no nome dos usuários

Mensagem por iPrompt em 11/09/14, 11:35 pm

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é
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Menu dropdow no nome dos usuários

Mensagem por jsvenancio em 12/09/14, 07:09 am

@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:
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é

Obrigado Quakeline, esse código resolveu o problema.
avatar

jsvenancio
Nível 7

Masculino
Inscrito dia : 03/07/2013
Mensagens : 97
Pontos Ativos : 152

Ver perfil do usuário http://obloggueiro.forumaqui.com/ https://www.facebook.com/obloggueiro

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum