Personalizar a cor do menu

Detalhes da questão

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

Descrição

Olá, gostaria de mudar o Cor do Meu menu e a Aquela Barrinha Azul

Olá autor,

Acesse:

Painel de controle -> Visualização -> Imagens e Cores -> Cores -> "Aba" Folha de estilo css

Terá uma barra de busca, então coloque isto:

#page-header .navbar

Achará isto:

#page-header .navbar {
-moz-box-shadow: inset 0 5px 0 -1px #e30000;
-webkit-box-shadow: inset 0 5px 0 -1px #e30000;
background: #2D3134!important;
border: none!important;
box-shadow: inset 0 5px 0 -1px #e30000;
margin: 0 -5px!important;
}

o que marquei com azul é o valor em hexadicimal da barra de fundo... ou seja, o preto, caso queira mudar coloque uma cor hexadicimal no lugar ou a cor em inglês (ex: Red, black, green).

Já o que está em vermelho (3 propriedades com valores em vermelho) seria a cor em cima da barra de menu (um vermelho em cima da barra) caso queira outra cor, troque o valor hexadecimal delas.

Para caso o efeito hover (azul após ter o mouse em cima do menu) adicione esse código css em sua folha de estilo css:

a.mainmenu:hover {border-bottom: 3px solid red!important;}

O que deixei em laranja você muda para outra cor.

Até mais.

Onde eu passo o Mouse a cor continua a mesma(Azul)

Olá,

Painel de controle -> Visualização -> Imagens e Cores -> Cores -> "Aba" Folha de estilo css
Procure por este código:

Código:

a.mainmenu {
    background: url(http://i18.servimg.com/u/f18/18/45/41/65/nav10.png) repeat-x 0 45px;
    color: #FFF;
    display: inline-block;
    font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
    font-size: 13px;
    font-weight: 700;
    height: 45px;
    line-height: 41px;
    padding: 0 12px;
    transition: 250ms;
}

Então, na parte "background", o senhor terá que trocar o link da imagem da barra azul, por outra imagem de outra cor que desejas. Por exemplo, no momento está assim:
https://i.servimg.com/u/f18/18/45/41/65/nav10.png
Basta editar a imagem para uma cor desejada e trocar o link.

Até mais!

Olá,

Nao Funcionou e bugou a Minha, agora ela nao esta aparecendo!

https://imgur.com/a/sCXSe

Olá,

Coloque este link no lugar que indiquei acima no código:
https://i.imgur.com/SBRzUFF.png

Caso não dê certo, poderia nos enviar como ficou o código editado por você?
Até mais!

Muito obrigado, Agora funcionou mais Se eu quiser Mudar a Cor Como Faço?

Olá,

Como lhe disse no começo terá que trocar a cor da imagem. No inicio não deu certo o efeito pois o senhor efetuou de maneira errada a troca da cor. Caso necessite de ajude, poderá sempre utilizar nossas criações gráficas:
https://ajuda.forumeiros.com/f17-criacoes-graficas

Até mais e boa tarde!

Tipo, Nao tem como eu coloca sem o Link da imagem nao? Ex( Background ou Color e A Cor #FF0000)

Olá,

Nesse caso o senhor terá que apagar todo o código anterior e alterar por este:

Código:

.navlinks > li:hover {
    border-bottom: 3px solid #COR;
    padding-bottom: 13px !important;
}

Troque "COR" pelo desejado.

Até mais!

Muito obrigado!