Coloque aqui um título descritivo sobre a sua questão

Qual é minha questão:
Como colocar o menu de navegação desse geito: http://narutobr-rpgonline.forumeiros.com/forum

Medidas que eu tomei para corrigir o problema:
vim aki

Links e imagens do meu problema:
https://i.imgur.com/IjzIZ.jpg

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

Versão do meu fórum:
PHPBB3

Olá, aceda ao seu

Painel de Controle Visualização Imagens e Cores Cores Aba 'Folha de estilo CSS

Cole o código e salve

Código:

#emptyidleft, #logo-desc, #page-body, #page-header .navbar, #search-box, #search-box #keywords {
display: inline-block!important;
}
#page-header .navbar {
background: url(http://i36.servimg.com/u/f36/14/26/18/24/menu12.png) no-repeat top center;
height: 142px;
padding: 0;
position: absolute;
top: 0;
width: 901px;
}
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
.navbar {
background-color: #CADCEB;
clear: both;
padding: 0 10px;
}
#page-header .navbar ul {
border: 0!important;
bottom: -97px;
left: 35px;
position: relative;
}
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
ul.borderless {
border-bottom: 0;
}
ul.navlinks {
border-bottom: 1px solid transparent;
font-weight: 700;
text-align: center;
}
ul.linklist li {
display: inline;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
width: auto;
}

Melhores cumprimentos.

Funcionou, mas o menu esta onde o logo fica, tem como colocar ele abaixo do logo ? se for código pode passar.

Olá, deseja o menu abaixo do logo? Se sim, substitua o código por este

Código:

#emptyidleft, #logo-desc, #page-body, #page-header .navbar, #search-box, #search-box #keywords {
display: inline-block!important;
}
#page-header .navbar {
background: url(http://i36.servimg.com/u/f36/14/26/18/24/menu12.png) no-repeat top center;
height: 142px;
padding: 0;
position: absolute;
width: 901px;
}
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
.navbar {
background-color: #CADCEB;
clear: both;
padding: 0 10px;
}
#page-header .navbar ul {
border: 0!important;
left: 35px;
position: relative;
}
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
ul.borderless {
border-bottom: 0;
}
ul.navlinks {
border-bottom: 1px solid transparent;
font-weight: 700;
text-align: center;
}
ul.linklist li {
display: inline;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
width: auto;
}

Melhores cumprimentos.

Infelizmente não resultou veja oque aconteceu:

Spoiler:

e quando uso esses códigos que você me passou a caixa buscar também se move com o menu.

Olá, tente substitui-lo por este código

Código:

#emptyidleft, #logo-desc, #page-body, #page-header .navbar, #search-box, #search-box #keywords {
display: inline-block!important;
}
#page-header .navbar {
background: url(http://i36.servimg.com/u/f36/14/26/18/24/menu12.png) no-repeat top center;
height: 142px;
padding: 0;
position: absolute;
top: 200px;
width: 901px;
}
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
.navbar {
background-color: #CADCEB;
clear: both;
padding: 0 10px;
}
#page-header .navbar ul {
border: 0!important;
bottom: -97px;
left: 35px;
position: relative;
}
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
ul.borderless {
border-bottom: 0;
}
ul.navlinks {
border-bottom: 1px solid transparent;
font-weight: 700;
text-align: center;
}
ul.linklist li {
display: inline;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
width: auto;
}

Melhores cumprimentos.

Bom, ficou como queria, mas gostaria que entre a letra do menu ficassem um pouco mais afastadas uma da outra tipo aqui no fdf, gostaria também que o texto tivesse um pouco de sombra atras dele.

Veja como esta:

Spoiler:

Olá, substitua o código novamente por este

Código:

#emptyidleft, #logo-desc, #page-body, #page-header .navbar, #search-box, #search-box #keywords {
display: inline-block!important;
}
#page-header .navbar {
background: url(http://i36.servimg.com/u/f36/14/26/18/24/menu12.png) no-repeat top center;
height: 142px;
padding: 0;
position: absolute;
top: 200px;
width: 901px;
}
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
.navbar {
background-color: #CADCEB;
clear: both;
padding: 0 10px;
}
#page-header .navbar ul {
border: 0!important;
bottom: -97px;
left: 35px;
position: relative;
}
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
ul.borderless {
border-bottom: 0;
}
ul.navlinks {
border-bottom: 1px solid transparent;
font-weight: 700;
text-align: center;
}
ul.linklist li {
display: inline;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
width: auto;
text-shadow: 0 0 5px white;
}


#page-header .navbar ul li {
margin: 5px;
}

Melhores cumprimentos.

Finalmente !

Obrigado.