Efeito drop do menu

2 participantes

Ir para baixo

Tópico resolvido Efeito drop do menu

Mensagem por IsmaelS. 16.12.12 22:00

Qual é minha questão:
Queria igual a este efeito como mostra a print:

Efeito drop do menu 8_bmp10

Fórum que vi: http://exptech.forumeiros.com/forum

Endereço do meu fórum:
http://www.master-publicitario.forumeiros.com

Versão do fórum:
PHPBB3
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito drop do menu

Mensagem por Consolado 16.12.12 22:03

Olá!

Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos Códigos JavaScript

Clique em "Criar um novo JavaScript".

Título Seta Escolha o título que quiser
Investimento Seta Em todas as páginas

Codigo JavaScript:
jQuery(document).ready(function(){jQuery('.navlinks li a[href="/profile?mode=editprofile"]').after('<div class="ulhome"><ul><li class="limenup"><a href="/c1-">Informativo</a><br></li><a href="/c2-">Web Design</a><br></li><a href="f1-">Discussões do webmaster</a><br></li><a href="/c4-">Serviços extras</a><br></li><a href="/f15-">Mude meu tema</a><br></li><a href="/c3-">Área livre</a><br></li><li class="limenup"></ul></div>')});
Clique em "Confirmar".


Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

Código:

Código:
.navlinks li{position:relative;text-color:#FFF;text-decoration:#FFF}.ulhome{background-position:bottom;background-repeat:repeat!important;display:none;left:0;list-style:none;position:absolute!important;top:80px;z-index:999!important}.ulhome ul{-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px;padding:5px;text-align:left;top:29px;width:169px;z-index:999}.ulhome .limenup an{background-image:none!important;display:block;text-decoration:none;z-index:999}li:hover .ulhome{display:block;left:-25px;top:30px}
Valide.

Edite os links no código .JS!

Melhores cumprimentos,
Today
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito drop do menu

Mensagem por IsmaelS. 16.12.12 22:12

Não resultou
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito drop do menu

Mensagem por Consolado 16.12.12 22:17

Olá!

Coloque o mouse sobre o link Perfil em seu menu. Leia esse tópico:
https://ajuda.forumeiros.com/t71219-sub-menus-em-perfil

Melhores cumprimentos.
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito drop do menu

Mensagem por IsmaelS. 16.12.12 22:36

Resolvido.
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

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