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.
Acesso rápido

Fóruns de suporte oficiais


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
99 usuários online :: 4 usuários cadastrados, 1 Invisível e 94 Visitantes :: 1 Motor de busca

Angel', Kyo Panda, Vinicius Reis, YuriGama

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Seg 26 Set 2016 - 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
Nível 3

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

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

Resolvido Re: Personalizar a cor do menu

Mensagem por while em Seg 26 Set 2016 - 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
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2819
Pontos Ativos : 4147

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

Resolvido Re: Personalizar a cor do menu

Mensagem por Mr.Probz em Seg 26 Set 2016 - 4:35

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

Mr.Probz
Nível 3

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

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

Resolvido Re: Personalizar a cor do menu

Mensagem por Cream em Seg 26 Set 2016 - 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://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!


Seta Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Seta Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

Cream
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8373
Pontos Ativos : 13589

http://ajuda.forumeiros.com

Resolvido Re: Personalizar a cor do menu

Mensagem por Mr.Probz em Seg 26 Set 2016 - 17:54

Olá,

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

http://imgur.com/a/sCXSe

Mr.Probz
Nível 3

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

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

Resolvido Re: Personalizar a cor do menu

Mensagem por Cream em Seg 26 Set 2016 - 18:00

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!


Seta Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Seta Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

Cream
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8373
Pontos Ativos : 13589

http://ajuda.forumeiros.com

Resolvido Re: Personalizar a cor do menu

Mensagem por Mr.Probz em Seg 26 Set 2016 - 18:10

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

Mr.Probz
Nível 3

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

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

Resolvido Re: Personalizar a cor do menu

Mensagem por Cream em Seg 26 Set 2016 - 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:
http://ajuda.forumeiros.com/f17-criacoes-graficas

Até mais e boa tarde!


Seta Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Seta Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

Cream
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8373
Pontos Ativos : 13589

http://ajuda.forumeiros.com

Resolvido Re: Personalizar a cor do menu

Mensagem por Mr.Probz em Seg 26 Set 2016 - 18:17

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

Mr.Probz
Nível 3

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

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

Resolvido Re: Personalizar a cor do menu

Mensagem por Cream em Seg 26 Set 2016 - 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!


Seta Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Seta Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

Cream
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8373
Pontos Ativos : 13589

http://ajuda.forumeiros.com

Resolvido Re: Personalizar a cor do menu

Mensagem por Mr.Probz em Seg 26 Set 2016 - 18:56

Muito obrigado!

Mr.Probz
Nível 3

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

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

Resolvido Re: Personalizar a cor do menu

Mensagem por Cream em Seg 26 Set 2016 - 18:56

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

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


Seta Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Seta Conheça a nossa Lista de tutoriais e nossa Lista de FAQs.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

Cream
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8373
Pontos Ativos : 13589

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5