Como colocar esse menu?

Qual é minha questão:
A imagem mostra o menu

Visto em ~> http://www.sodragonball.com/

Está no Menu SóDB

Links e imagens do meu problema:
https://2img.net/r/ihimizer/img32/1165/semttulowll.png

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

Versão do meu fórum:
PHPBB3

Amigo, vá no seu

Painel de controle Visualização Página Inicial Geral

Procure por "Conteúdo da mensagem", cole o código abaixo e salve:

Código:

<style>
#menu-f {
position: absolute;
background:
white url('images/menu-f-bg.jpg') no-repeat scroll left top;
width: 560px;
height: 260px;
font-family: Verdana,Geneva,Tahoma,sans-serif;
font-size: 11px;
overflow: hidden;
z-index: 2;
}
#menu-f div.coluna {
position: relative;
top: 10px;
left: 20px;
width: 150px;
height: auto;
margin-left: 20px;
float: left;
}
#menu-f h3 {
margin: 10px 0 5px;
font-size: 13px;
color: #F60;
}

</style>
<div id="menu-f" style="visibility: visible; opacity: 1; ">
<div class="coluna">
<h3>PRINCIPAL</h3>
<ul>
<li><a title="Home" href="http://www.sodragonball.com/" style="opacity: 1; ">Home</a></li>
<li><a title="Notícias" href="http://www.sodragonball.com/sessao/noticias/" style="opacity: 1; ">Notícias</a></li>
<li><a title="Artigos" href="http://www.sodragonball.com/sessao/artigos/" style="opacity: 1; ">Artigos</a></li>
<li><a title="Updates" href="http://www.sodragonball.com/sessao/updates/">Updates</a></li>
<li><a title="Equipe" href="http://www.sodragonball.com/equipe/">Equipe</a></li>
<li><a title="FAQ" href="http://www.sodragonball.com/faq/">FAQ</a></li>
<li><a title="Fale conosco" href="http://www.sodragonball.com/fale-conosco/">Fale conosco</a></li>
</ul>
</div>
<div class="coluna">
<h3>DOWNLOADS</h3>
<ul>
<li class="page_item page-item-247"><a href="http://www.sodragonball.com/downloads/episodios-dublados/" style="opacity: 1; ">Episódios dublados</a></li>
<li class="page_item page-item-25"><a href="http://www.sodragonball.com/downloads/episodios-legendados/" style="opacity: 1; ">Episódios legendados</a></li>
<li class="page_item page-item-285"><a href="http://www.sodragonball.com/downloads/filmes/">Filmes</a></li>
<li class="page_item page-item-294"><a href="http://www.sodragonball.com/downloads/especiais-e-ovas/" style="opacity: 1; ">Especiais e OVAs</a></li>
</ul>
</div>
<div class="coluna">
<h3>ONLINE</h3>
<ul>
<li class="page_item page-item-517"><a href="http://www.sodragonball.com/online/24-horas/">24 horas</a></li>
<li class="page_item page-item-15"><a href="http://www.sodragonball.com/online/episodios/">Episódios</a></li>
</ul>
</div>
</div>

Abraço.

Qual tamanho que eu modifico para colocar pra cima esse menu?

Substitua o código por este:

Código:

<style>
#menu-f {
background:
white url('images/menu-f-bg.jpg') no-repeat scroll left top;
width: 560px;
height: 260px;
font-family: Verdana,Geneva,Tahoma,sans-serif;
font-size: 11px;
overflow: hidden;
z-index: 2;
background: url('http://www.sodragonball.com/wp-content/themes/new-sodb/images/menu-f-bg.jpg');
}
#menu-f div.coluna {
position: relative;
top: 10px;
left: 20px;
width: 150px;
height: auto;
margin-left: 20px;
float: left;
}
#menu-f h3 {
margin: 10px 0 5px;
font-size: 13px;
color: #F60;
}

</style>
<div id="menu-f" style="visibility: visible; opacity: 1; ">
<div class="coluna">
<h3>PRINCIPAL</h3>
<ul>
<li><a title="Home" href="http://www.sodragonball.com/" style="opacity: 1; ">Home</a></li>
<li><a title="Notícias" href="http://www.sodragonball.com/sessao/noticias/" style="opacity: 1; ">Notícias</a></li>
<li><a title="Artigos" href="http://www.sodragonball.com/sessao/artigos/" style="opacity: 1; ">Artigos</a></li>
<li><a title="Updates" href="http://www.sodragonball.com/sessao/updates/">Updates</a></li>
<li><a title="Equipe" href="http://www.sodragonball.com/equipe/">Equipe</a></li>
<li><a title="FAQ" href="http://www.sodragonball.com/faq/">FAQ</a></li>
<li><a title="Fale conosco" href="http://www.sodragonball.com/fale-conosco/">Fale conosco</a></li>
</ul>
</div>
<div class="coluna">
<h3>DOWNLOADS</h3>
<ul>
<li class="page_item page-item-247"><a href="http://www.sodragonball.com/downloads/episodios-dublados/" style="opacity: 1; ">Episódios dublados</a></li>
<li class="page_item page-item-25"><a href="http://www.sodragonball.com/downloads/episodios-legendados/" style="opacity: 1; ">Episódios legendados</a></li>
<li class="page_item page-item-285"><a href="http://www.sodragonball.com/downloads/filmes/">Filmes</a></li>
<li class="page_item page-item-294"><a href="http://www.sodragonball.com/downloads/especiais-e-ovas/" style="opacity: 1; ">Especiais e OVAs</a></li>
</ul>
</div>
<div class="coluna">
<h3>ONLINE</h3>
<ul>
<li class="page_item page-item-517"><a href="http://www.sodragonball.com/online/24-horas/">24 horas</a></li>
<li class="page_item page-item-15"><a href="http://www.sodragonball.com/online/episodios/">Episódios</a></li>
</ul>
</div>
</div>

Abraço.

Agora ficou show! Valeu!