Personalizar a cor do menu

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Atendido / Resolvido Personalizar a cor do menu

Mensagem por Mr.Probz em 26.09.16 3:38

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
Mr.Probz

Mr.Probz
Nível 3

Masculino
Inscrito dia : 26/09/2016
Mensagens : 15
Pontos Ativos : 28

http://ags-server.forumeiros.com/

Atendido / Resolvido Re: Personalizar a cor do menu

Mensagem por while em 26.09.16 4:31

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.
while

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3231
Pontos Ativos : 4730

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Atendido / Resolvido Re: Personalizar a cor do menu

Mensagem por Mr.Probz em 26.09.16 4:35

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

Mr.Probz
Nível 3

Masculino
Inscrito dia : 26/09/2016
Mensagens : 15
Pontos Ativos : 28

http://ags-server.forumeiros.com/

Atendido / Resolvido Re: Personalizar a cor do menu

Mensagem por Cream em 26.09.16 13:10

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!
Cream

Cream
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11642

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Personalizar a cor do menu

Mensagem por Mr.Probz em 26.09.16 17:54

Olá,

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

https://imgur.com/a/sCXSe
Mr.Probz

Mr.Probz
Nível 3

Masculino
Inscrito dia : 26/09/2016
Mensagens : 15
Pontos Ativos : 28

http://ags-server.forumeiros.com/

Atendido / Resolvido Re: Personalizar a cor do menu

Mensagem por Cream em 26.09.16 18:00

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!
Cream

Cream
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11642

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Personalizar a cor do menu

Mensagem por Mr.Probz em 26.09.16 18:10

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

Mr.Probz
Nível 3

Masculino
Inscrito dia : 26/09/2016
Mensagens : 15
Pontos Ativos : 28

http://ags-server.forumeiros.com/

Atendido / Resolvido Re: Personalizar a cor do menu

Mensagem por Cream em 26.09.16 18:12

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!
Cream

Cream
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11642

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Personalizar a cor do menu

Mensagem por Mr.Probz em 26.09.16 18:17

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

Mr.Probz
Nível 3

Masculino
Inscrito dia : 26/09/2016
Mensagens : 15
Pontos Ativos : 28

http://ags-server.forumeiros.com/

Atendido / Resolvido Re: Personalizar a cor do menu

Mensagem por Cream em 26.09.16 18:26

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!
Cream

Cream
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11642

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Personalizar a cor do menu

Mensagem por Mr.Probz em 26.09.16 18:56

Muito obrigado!
Mr.Probz

Mr.Probz
Nível 3

Masculino
Inscrito dia : 26/09/2016
Mensagens : 15
Pontos Ativos : 28

http://ags-server.forumeiros.com/

Atendido / Resolvido Re: Personalizar a cor do menu

Mensagem por Cream em 26.09.16 18:56

page-header - Personalizar a cor do menu Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Cream

Cream
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11642

https://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum