Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Efeito Canvas
Hoje à(s) 08:13 pm por Daniel Yan

» Não consigo alterar nenhuma informação no Painel (Bugou) o que faço?
Hoje à(s) 07:39 pm por Ketholy

» PEDIDO ICONE PARA SUB-FORUN
Hoje à(s) 07:35 pm por Froozen

» Rank de administrador
Hoje à(s) 07:29 pm por Ketholy

» LOGO E FUNDO DA LOGO
Hoje à(s) 07:25 pm por Froozen

» Banner com animação
Hoje à(s) 07:21 pm por Ketholy

» Ferramentas Moderativas
Hoje à(s) 07:19 pm por Ketholy

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
246 usuários online :: 9 usuários cadastrados, Nenhum Invisível e 237 Visitantes :: 3 Motores de busca

banzé, brunopro, Daniel Yan, Froozen, Guzonaro, Ketholy, Kyo Panda, MateusAnjosV, odelgado

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Personalizar a cor do menu

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

Resolvido Personalizar a cor do menu

Mensagem por Mr.Probz em 25/09/16, 11:38 pm

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
avatar

Mr.Probz
Nível 3

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

Ver perfil do usuário http://ags-server.forumeiros.com/

Resolvido Re: Personalizar a cor do menu

Mensagem por while em 26/09/16, 12:31 am

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

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3129
Pontos Ativos : 4558

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Personalizar a cor do menu

Mensagem por Mr.Probz em 26/09/16, 12:35 am

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

Mr.Probz
Nível 3

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

Ver perfil do usuário http://ags-server.forumeiros.com/

Resolvido Re: Personalizar a cor do menu

Mensagem por Cream em 26/09/16, 09:10 am

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:
http://i18.servimg.com/u/f18/18/45/41/65/nav10.png
Basta editar a imagem para uma cor desejada e trocar o link.

Até mais!
avatar

Cream
Principal contribuidor
Principal contribuidor

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

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Personalizar a cor do menu

Mensagem por Mr.Probz em 26/09/16, 01:54 pm

Olá,

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

http://imgur.com/a/sCXSe
avatar

Mr.Probz
Nível 3

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

Ver perfil do usuário http://ags-server.forumeiros.com/

Resolvido Re: Personalizar a cor do menu

Mensagem por Cream em 26/09/16, 02:00 pm

Olá,

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

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

Cream
Principal contribuidor
Principal contribuidor

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

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Personalizar a cor do menu

Mensagem por Mr.Probz em 26/09/16, 02:10 pm

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

Mr.Probz
Nível 3

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

Ver perfil do usuário http://ags-server.forumeiros.com/

Resolvido Re: Personalizar a cor do menu

Mensagem por Cream em 26/09/16, 02:12 pm

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:
http://ajuda.forumeiros.com/f17-criacoes-graficas

Até mais e boa tarde!
avatar

Cream
Principal contribuidor
Principal contribuidor

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

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Personalizar a cor do menu

Mensagem por Mr.Probz em 26/09/16, 02:17 pm

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

Mr.Probz
Nível 3

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

Ver perfil do usuário http://ags-server.forumeiros.com/

Resolvido Re: Personalizar a cor do menu

Mensagem por Cream em 26/09/16, 02:26 pm

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

Cream
Principal contribuidor
Principal contribuidor

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

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Personalizar a cor do menu

Mensagem por Mr.Probz em 26/09/16, 02:56 pm

Muito obrigado!
avatar

Mr.Probz
Nível 3

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

Ver perfil do usuário http://ags-server.forumeiros.com/

Resolvido Re: Personalizar a cor do menu

Mensagem por Cream em 26/09/16, 02:56 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

Cream
Principal contribuidor
Principal contribuidor

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

Ver perfil do usuário http://ajuda.forumeiros.com

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

- Tópicos similares

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