Menu dentro de menu

Qual é minha questão:
Eu queria saber como poe um menu dentro de outro menu como na imagem abaixo e no link do fórum abaixo tbm que vi.

Links e imagens do meu problema:
Http://br-designerforever.forumeiros.com/forum





Endereço do meu fórum:
http://hobba.forumeiros.com

Versão do meu fórum:
PHPBB3

Eu tb estou kerendo isso a tempos...

Se Alguém puder ajudar nos 2 agradeço..

Ajuda aqui por favor quero isso faz muito tempo mesmo, e vai ajudar muita gente que quer como o bruno.

Bom dia!

Cpainel > Moódulos > HTML e JS > Criar uma página JS > Investimento > Todas as páginas > e cole esse código:

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>')});

Logo após, na aba Visualização > Imagens e Cores > Cores > Folha de estilo CSS > cole esse CSS:

Código:

.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;
}

Lembre-se de modificar os valores desejados.

Atenciosamente,

Hum coloquei mas aondi que eu ponho os Sub Menus com o link de cada ?

No Javascript. Basta o senhor procurar por todos os endereços de http://br-designerforever.forumeiros.com e modificar o link para o desejado.

Ok mas olha la está tudo bugado o código veja http://hobba.forumeiros.com/forum