Criar Menu em Widget

Detalhes da questão

Endereço do fórum: http://rpgorigem.forumeiros.com/
Versão do fórum: PhpBB3

Descrição

Exemplo do menu Widget - http://jogodostronos.forumeiros.com/forum 


Olá e boa tarde! Gostaria de saber se existe uma maneira de copiar ou fazer algo parecido com esse menu no início do fórum. Desde já agradeço!

Boa tarde!

Cá está o código:

Código:

<div class="mes-txt">
    <div style="width: 500px; padding: 15px; margin: 0 auto; background-color: transparent; height: 70px;">
        <style type="text/css">.anotaciones {float:right; width:160px; font-family: 'Verdana', serif; font-size:10px; text-align: center; background-color: #363636; border: 2px #8C705C solid; padding-top:3px; padding:3px; color: #0e2db0; text-transform: uppercase; overflow: hidden; -moz-transition:all 1.5s ease-in-out; -webkit-transition:all 1s ease-in-out; } .anotaciones:hover {float:right; width:160px; font-family: 'Verdana', serif; font-size:12px; text-align: center; background-color: #363636; border: 2px #f4c8a9 solid; color: #8968CD; padding-top:3px; padding:3px; text-transform: uppercase; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; } </style>
        <div class="anotaciones">
            <a href="http://jogodostronos.forumeiros.com/f2-regras">Regras</a>
        </div>
        <div class="anotaciones">
            <a href="http://mapa.gameofthronesbr.com/">Mapa</a>
        </div>
        <div class="anotaciones">
            <a href="http://jogodostronos.forumeiros.com/f4-missoes">Missões</a>
        </div>
        <div class="anotaciones">
            <a href="http://jogodostronos.forumeiros.com/portal?pid=3">Comércio</a>
        </div>
        <div class="anotaciones">
            <a href="http://jogodostronos.forumeiros.com/f1-ficha-de-personagem">Ficha de Personagem</a>
        </div>
        <div class="anotaciones">
            <a href="http://jogodostronos.forumeiros.com/portal?pid=6">Habilidades</a>
        </div>
        <div style="text-align: center; font-size: 20 px; font-family: 'Verdana', cursive; color: #8C705C; text-transform:uppercase; letter-spacing: 2px; padding-bottom:5px;">Menu</div>
        <div style="text-align: center; font-size: 34px; font-family: tahoma', cursive; color: #363636; text-transform:uppercase; letter-spacing: 2px; padding-bottom:5px;"></div>
    </div>
</div>

Tudo certo?

Até mais.
Fraise

@Fraise MARAVILHOSOOO! Pode fechar! Valeu!