Fazer drop down? não é menu Hitskin_logo Hitskin.com

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

Fazer drop down? não é menu

Ir para baixo

Tópico resolvido Fazer drop down? não é menu

Mensagem por Legolass Dom 5 maio 2013 - 21:27

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 Seg 6 maio 2013 - 11:39, editado 1 vez(es)
Legolass
Legolass
Membro

Membro desde : 10/04/2013
Mensagens : 651
Pontos : 912

http://www.fanfictionunited.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Fazer drop down? não é menu

Mensagem por Convidado Seg 6 maio 2013 - 10:54

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
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Fazer drop down? não é menu

Mensagem por Legolass Seg 6 maio 2013 - 11:08

Obrigado PabloW, mas como coloco mais links?

Tipo para ficar assim:

Link1
Link2
Link3
Legolass
Legolass
Membro

Membro desde : 10/04/2013
Mensagens : 651
Pontos : 912

http://www.fanfictionunited.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Fazer drop down? não é menu

Mensagem por Convidado Seg 6 maio 2013 - 11:18

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
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Fazer drop down? não é menu

Mensagem por Legolass Seg 6 maio 2013 - 11:38

Valeu parceiro!
Legolass
Legolass
Membro

Membro desde : 10/04/2013
Mensagens : 651
Pontos : 912

http://www.fanfictionunited.com.br

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