Personalizar menu de navegação

Detalhes da questão

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

Descrição

como deixar o menu assim so que em vez de vermelho,azul

Olá, peço que acesse:

Painel de Controle -> Visualização -> Pagina Inicial -> Cabeçalho & Navegação

E no item: Exibir apenas as imagens no menu de navegação deixe em NÃO.

Depois disto, acesse:

Painel de Controle -> Visualização -> Imagens e Cores -> Gestão das cores -> Modo avançado

e retire todas as imagens que estais a utilizar em seu menu (retire as urls do lado e deixe o campo vazio , não esqueça de salvar depois que fizer tudo isto!).

Por fim, adicione esse código em sua folha de estilo css:

Código:

 ul.navlinks {
                background-color: #2a2c33!important;
    border-bottom: 1px solid #004fde!important;
    border-radius: 2px 2px 0 0!important;
    box-shadow: #0041ff 0 -2px 0 inset!important;
    color: #fff!important;
    margin: 0px 0px 0px!important;
    padding: 1em!important;
    position: relative!important;
    text-shadow: none!important;
    height:50px!important;
        }

Até mais.

como fico


gostaria igual a essa so que a parte vermelha e azul

Calma!, isto foi só um teste.
Estava com imagem, por isto não consegui fazer direito.

Troque o css que te passei acima por este:

Código:

 ul.navlinks {
                background-color: #2a2c33!important;
    border-bottom: 1px solid #004fde!important;
    border-radius: 2px 2px 0 0!important;
    box-shadow: #0041ff 0 -2px 0 inset!important;
    color: #fff!important;
    margin: 0px 0px 0px!important;
    padding: 1em!important;
    position: relative!important;
    text-shadow: none!important;
        }
#page-header > div.navbar > div > ul a{color:#fff!important;margin:6px!important;}

Até mais.

Funciono agora eu so queria adcicionar um efeito quando passa o mouse em cima do menu igual desse site nwdgames.com/forum

Olá!

Adicione mais este em seu CSS:

Código:

a.mainmenu:hover {
    border-bottom: 2px solid green;
    padding-bottom: 10px;
}

Abraço.
Fraise

Tudo certo valeu