Personalizar menu

Qual é minha questão:
Queria saber como fazer essa barra no meu fórum: http://www.imagebam.com/image/a8fc0c173762171 (se for uma imagem como coloco ela).

Links e imagens do meu problema:
http://www.imagebam.com/image/a8fc0c173762171

Endereço do meu fórum:
http://brotherhood-samp.forumeiros.com

Versão do meu fórum:
PHPBB3

Ólá,

Aceda à Painel de controle Visualização Imagens e cores Cores Folha de estilo css

Código:

#page-header .navbar ul.navlinks{
width: 1012px;
height: 50px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/meniu12.png) no-repeat top center;
left: -56px;
position: relative;}

#page-header .navbar ul.navlinks li a{
color: white;
position: relative;
bottom: -22px !important;
margin: 5px;
font-family: arial;
font-size: 14px;
text-shadow: 1px 1px 1px black;}

#page-header .navbar ul.navlinks li a:hover{
text-shadow: -1px -1px 1px black;
color: #dcf9ff;}

Salve! Até mais

Tópico movido de 'Questões diversas' para 'Questões sobre a aparência do fórum'

Deu certo !
Só que ficou no Canto Esquerdo...
Poderia me falar como a Centralizo ?

Para centralizar você deve seguir os passos a seguir:

painel de controle > Visualizar > ''aba'' Pagina Inicial > Cabeçalho & Navegação

Agora em Posição do menu : Ai clica em Centralizar e Salva.

Ajudei ?

Mega-Pixel escreveu:Para centralizar você deve seguir os passos a seguir:

painel de controle > Visualizar > ''aba'' Pagina Inicial > Cabeçalho & Navegação

Agora em Posição do menu : Ai clica em Centralizar e Salva.

Ajudei ?

Infelizmente não !
Meu fórum eu já tinha Centralizado o Menu...
Deve ser algo do Código CSS

Mais mesmo assim Obrigado =)

Troque o código CSS que o King Gz lhe deu por este:

Código:

#page-header .navbar ul.navlinks{
width: 1012px;
height: 50px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/meniu12.png) no-repeat top center;
left: -56px;
position: relative;}

#page-header .navbar ul.navlinks li a{
color: white;
position: relative;
bottom: -22px !important;
margin: 5px;
font-family: arial;
font-size: 14px;
text-shadow: 1px 1px 1px black;}

#page-header .navbar ul.navlinks li a:hover{
text-shadow: -1px -1px 1px black;
color: #dcf9ff;}

#page-header .navbar ul.navlinks {text-align: center;}

Resolveu?

Marlon Forumeiro escreveu:Troque o código CSS que o King Gz lhe deu por este:

Código:

#page-header .navbar ul.navlinks{
width: 1012px;
height: 50px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/meniu12.png) no-repeat top center;
left: -56px;
position: relative;}

#page-header .navbar ul.navlinks li a{
color: white;
position: relative;
bottom: -22px !important;
margin: 5px;
font-family: arial;
font-size: 14px;
text-shadow: 1px 1px 1px black;}

#page-header .navbar ul.navlinks li a:hover{
text-shadow: -1px -1px 1px black;
color: #dcf9ff;}

#page-header .navbar ul.navlinks {text-align: center;}

Resolveu?

Ainda não =/
Estou tentando ajustar o código também =/

Tente este:

Código:

#page-header .navbar ul.navlinks{
width: 1012px;
height: 50px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/meniu12.png) no-repeat top center;
position: relative;}

#page-header .navbar ul.navlinks li a{
color: white;
position: relative;
bottom: -22px !important;
margin: 5px;
font-family: arial;
font-size: 14px;
text-shadow: 1px 1px 1px black;}

#page-header .navbar ul.navlinks li a:hover{
text-shadow: -1px -1px 1px black;
color: #dcf9ff;}


Funcionou !
Obrigado