Olá!!

Bem, sempre quis ter um menu em dropdown, mas não sei como. Alguém aqui me pode ajudar?? Gostava de ter um menu como o do [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Para Forumeiros ? Se for para forumeiros eu não consigo fazer porque os que eu faço geralmente tem css.

Se for para site... Me envie MP.

Caro Amigo Visite Meu Tópico .

Pois tenho um tutorial sobre isso .

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Uma vez, eu tinha esse menu... Vou ver com rck pra ve se ele tem ainda, porque agente compartilhava os códigos...

Aqui está, esse menu era meu...

Crie um código JavaScript para suportar este código.

Investimento: Em todas as páginas.

Código:

jQuery(document).ready(function(){jQuery('.navlinks li a[href="/forum"]').after('<div class="ulhome"><ul><li class="limenup"><a href="http://br-designerforever.forumeiros.com/f1-regras">Regras</a><br></li><li class="limenup"><a href="http://br-designerforever.forumeiros.com/f16-eventos">Eventos</a><br></li><li class="limenup"><a href="http://br-designerforever.forumeiros.com/f6-shop">Shop</a><br></li><li class="limenup"><a href="http://br-designerforever.forumeiros.com/f5-pedidos">Pedidos</a><br></li><a href="http://br-designerforever.forumeiros.com/f10-tutoriais">Tutoriais</a><br></li><a href="http://br-designerforever.forumeiros.com/f11-recursos">Recursos</a><br></li><a href="http://br-designerforever.forumeiros.com/f17-apresentacoes">Apresentações</a><br></li><a href="http://br-designerforever.forumeiros.com/f14-bate-papo">Bate Papo</a><br></li><a href="http://br-designerforever.forumeiros.com/f12-sugestoes">Sugestões</a><br></li></ul></div>')});

E adicione este código ao seu css.

Código:

.navlinks li{position:relative;}
.ulhome{left:0px;top:20px;position:absolute !important;display:none;z-index:999;text-align:center !important;
background-image: url('http://i.imgur.com/3iunm.png') !important;
background-repeat: repeat !important;border:3px solid #ccc;list-style:none;position:relative;z-index:900
-moz-box-shadow:1px 1px 5px #9C9C9C;
-webkit-box-shadow:1px 1px 5px #9C9C9C;
box-shadow:1px 1px 5px #9C9C9C;}
.ulhome ul{text-align:left;border: 1px solid #CCCCCC;padding:0px 19px 0px 3px;}
.ulhome .limenup an{text-decoration:none;display:block;z-index:999;background-image:none !important}
li:hover .ulhome{left:0px;display:block;top:13px !important; -moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;
}

Até mais

Jason, é para o meu fórum.

TiowGamer, O tutorial é para o perfil que abre e fecha.

Firenando, não funcionou

Fofa, funciona sim, mais somente para versão phpBB 3. Qual sua versão? Eu arrumo o código para você.

PunBB...

Crie um código JavaScript para suportar este código.

Investimento: Em todas as páginas.

Código:

jQuery(document).ready(function(){jQuery('#pun-navlinks li a[href="/forum"]').after('<div class="ulhome"><ul><li class="limenup"><a href="http://br-designerforever.forumeiros.com/f1-regras">Regras</a><br></li><li class="limenup"><a href="http://br-designerforever.forumeiros.com/f16-eventos">Eventos</a><br></li><li class="limenup"><a href="http://br-designerforever.forumeiros.com/f6-shop">Shop</a><br></li><li class="limenup"><a href="http://br-designerforever.forumeiros.com/f5-pedidos">Pedidos</a><br></li><a href="http://br-designerforever.forumeiros.com/f10-tutoriais">Tutoriais</a><br></li><a href="http://br-designerforever.forumeiros.com/f11-recursos">Recursos</a><br></li><a href="http://br-designerforever.forumeiros.com/f17-apresentacoes">Apresentações</a><br></li><a href="http://br-designerforever.forumeiros.com/f14-bate-papo">Bate Papo</a><br></li><a href="http://br-designerforever.forumeiros.com/f12-sugestoes">Sugestões</a><br></li></ul></div>')});

E adicione este código ao seu CSS.

Código:

#pun-navlinks li{position:relative;}
.ulhome{left:0px;top:20px;position:absolute !important;display:none;z-index:999;text-align:center !important;
background-image: url('http://i.imgur.com/3iunm.png') !important;
background-repeat: repeat !important;border:3px solid #ccc;list-style:none;position:relative;z-index:900
-moz-box-shadow:1px 1px 5px #9C9C9C;
-webkit-box-shadow:1px 1px 5px #9C9C9C;
box-shadow:1px 1px 5px #9C9C9C;}
.ulhome ul{text-align:left;border: 1px solid #CCCCCC;padding:0px 19px 0px 3px;}
.ulhome .limenup an{text-decoration:none;display:block;z-index:999;background-image:none !important}
li:hover .ulhome{left:0px;display:block;top:13px !important; -moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;
}

Ok, funcionou. Mas... há alguma maneira de ter o menu, visualmente, como este aqui do MenuMaker: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]?

Olá, peço que você leia estes dois tópicos.

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Até mais

Apenas para a versão PhpBB3... mas eu não preciso de criar um menu todo novo, só quero o visual, há alguma maneira de ter isso?

Mais o segundo tópico ajuda...

Humm continua sem aparecer... ele tinha aparecido, bugado, mas estava lá e eu tentei refazer o tutorial e o código do outro tópico. Voltou a desaparecer

Olá, eu não faço menus assim, eu faço tudo próprio, direto da minha folha de estilo CSS.

Olá,

Podem fechar. Tentei pedir ajuda noutro fórum e já consegui

Obrigada na mesma.

Até mais!