Fazer drop down? não é menu

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

Resolvido Fazer drop down? não é menu

Mensagem por Legolass em 05/05/13, 09:27 pm

Qual é minha questão:
Olá gostaria de fazer um drop down para um link. O exemplo pode ser quando se clica no "Bem-vindo" (ao lado de Notificações) da barra de ferramentas ali em cima. Pode ser tanto quando se clica no link ou quando o mouse passa em cima. Podem me dar essa ajuda?



Endereço do meu fórum:
http://www.fanfictionunited.com.br

Versão do fórum:
PHPBB2


Última edição por Cris Varella em 06/05/13, 11:39 am, editado 1 vez(es)
avatar

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

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

Resolvido Re: Fazer drop down? não é menu

Mensagem por Convidado em 06/05/13, 10:54 am

Saudações!

Aqui está, lembrando é um SCRIPT:
<script>jQuery(document).ready(function(){.after('<div class="ulhome"><div style="background-color: #F2F2F2"><ul><li class="limenup"><a href="LINK-QUE-APARECERÁ NO EFEITO">NOME-DO-LINK</a><br></li></ul></div></div>')}); </script>
Verde >Troque pelo valor que pede.

Depois acenda sua "Folha de estilo CSS":
Código:
Código:
/*Código em dropdown - oferecido pelo fórum GamerWi - http://gamerwi.forum.st/ - Proíbida a retirada deste copyright */
.navlinks li{position:relative}
.ulhome{left:0px;top:40px;position:absolute !important;display:none;z-index:999;text-align:center !important;
background-color: #FFFFFF !important; !important;border:1px solid #690;list-style:none;position:relative;z-index:990;}
.ulhome ul{text-align:left;border: 1px solid #CCCCCC;padding:0px 14px 0px 3px;}
.ulhome .limenup an{text-decoration:none;display:block;z-index:900;background-image:none !important;}
li:hover .ulhome{left:0px;display:block;top:13px !important}
/* fim do código em dropdown - oferecido pelo fórum GamerWi - http://gamerwi.forum.st/ - Proíbida a retirada deste copyright */
e Validar.

Até. Piscada

Convidado
Convidado


Resolvido Re: Fazer drop down? não é menu

Mensagem por Legolass em 06/05/13, 11:08 am

Obrigado PabloW, mas como coloco mais links?

Tipo para ficar assim:

Link1
Link2
Link3
avatar

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

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

Resolvido Re: Fazer drop down? não é menu

Mensagem por Convidado em 06/05/13, 11:18 am

Saudações!

Troque por este:
<script>jQuery(document).ready(function(){.after('<div class="ulhome"><div style="background-color: #F2F2F2"><ul><li class="limenup">
<a href="LINK-QUE-APARECERÁ NO EFEITO">NOME-DO-LINK</a>
<a href="LINK-QUE-APARECERÁ NO EFEITO">NOME-DO-LINK</a>
<a href="LINK-QUE-APARECERÁ NO EFEITO">NOME-DO-LINK</a><br></li></ul></div></div>')}); </script>
Como pode ver, basta adicionar mais tags no script, veja:
Código:
<a href="LINK-QUE-APARECERÁ NO EFEITO">NOME-DO-LINK</a>

Até. Piscada

Convidado
Convidado


Resolvido Re: Fazer drop down? não é menu

Mensagem por Legolass em 06/05/13, 11:38 am

Valeu parceiro!
avatar

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

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

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