Ajuda com esse menu de links

Queria saber como criar essa lista de links no botão fórum ou em outro .
Screenshots da minha dúvida : [img][/img]
Link do meu fórum , http://brasilrealgames.forumbrasil.net/forum
Link do fórum que vi isso http://skygames.sampforum.net/forum

---

Fórum: http://brasilrealgames.forumbrasil.net/portal (phpBB 3)

Olá!
Aceda a "Folha de Estilo CSS":

Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS

Código:

Código:

.navlinks li{position:relative;text-color: #FFFFFF; text-decoration: #FFFFFF}
.ulhome{left:0px;top:80px;position:absolute !important;display:none;z-index:999; text-align:center!important;
background-image: url('http://i.imgur.com/xZ7NX.png') !important;
  background-repeat: repeat !important;list-style:none;position:bottom;z-index:900;
background-position: bottom}
.ulhome ul{text-align:center;border: 0px solid #CCCCCC;width:99px;padding:0px 0px 15px 0px;}
.ulhome .limenup an{text-decoration:none;display:block;z-index:999;background-image:none !important}
li:hover .ulhome{left:-25px;display:block;top:30px;!important;
}

e Valide!
Aceda a "Gestão dos Códigos JavaScript"

Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript

Clique em "Criar um novo JavaScript"
Título Escolha um título qualquer.
Investimento Em todas as páginas
Código:

Código:

jQuery(document).ready(function(){jQuery('.navlinks li a[href="/forum"]').after('<div class="ulhome"><ul><li class="limenup"><a href="/f3-regras">Regras</a><br></li><a href="/f4-revisao-de-bans">Rev. Bans</a><br></li><a href="/f34-denuncias-em-geral">Denúncias</a><br></li><a href="/f22-eventos">Eventos</a><br></li><a href="/f10-shopping">Shopping</a><br></li><a href="/f1-bate-papo">Bate Papo</a><br></li><li class="limenup"></ul></div>')});

e Salve!

Os códigos foram retirados do meu próprio painel de controle.
Até mais!

Obrigado , @RESOLVIDO +REP