Mudar cor do navbar

4 participantes

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

Tópico resolvido Mudar cor do navbar

Mensagem por T1ag0 29.05.16 20:28

Detalhes da questão


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

Descrição


Queria mudar a Cor da Barrinha Do meu Botão como faço isso?
avatar

T1ag0
*

Membro desde : 29/05/2016
Mensagens : 34
Pontos : 56

http://megadance.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor do navbar

Mensagem por JeffLm 29.05.16 22:35

Pode mandar um print da barrinha que você quer mudar a cor?
JeffLm

JeffLm
**

Membro desde : 27/03/2014
Mensagens : 88
Pontos : 139

http://www.theshadowdragonrpg.forumeiros.com https://www.facebook.com/Jeff De Quiler

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor do navbar

Mensagem por T1ag0 29.05.16 22:52

Mudar cor do navbar SooqQvt Quero Mudar essa Cor Azul
avatar

T1ag0
*

Membro desde : 29/05/2016
Mensagens : 34
Pontos : 56

http://megadance.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor do navbar

Mensagem por Roevs 29.05.16 23:01

Olá,

Adiciona este código na sua Folha de estilo CSS

a.mainmenu {
background: url(IMAGEM) repeat-x 0 45px!important;
}

Você deverá editar essa imagem "https://i.servimg.com/u/f18/18/45/41/65/nav10.png" alterando pela cor que deseja e depois alterar no código acima colocando o link da nova imagem

IMAGEM - Altere pelo link da nova imagem

Até
Roevs

Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor do navbar

Mensagem por T1ag0 29.05.16 23:18

Sua Imagem Não Pega
avatar

T1ag0
*

Membro desde : 29/05/2016
Mensagens : 34
Pontos : 56

http://megadance.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor do navbar

Mensagem por Roevs 29.05.16 23:20

Olá,

O link esta corretamente, você que esta a copiar os ", abaixo estarei deixando o link sem os "

https://i.servimg.com/u/f18/18/45/41/65/nav10.png

E possível que não enxerga a cor por ser pequena, mas existe uma cor nesta imagem que é a azul

Até
Roevs

Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor do navbar

Mensagem por T1ag0 29.05.16 23:30

Seu Link Não Esta aparecendo nada.

Eu coloquei o código assim

Mudar cor do navbar Y4vruRe

Mas Agora não Esta aparecendo a barrinha de antes
avatar

T1ag0
*

Membro desde : 29/05/2016
Mensagens : 34
Pontos : 56

http://megadance.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor do navbar

Mensagem por Roevs 30.05.16 0:25

Olá,

Substitua o código por este

Código:
a.mainmenu {
    background: url(http://i.imgur.com/oP2K7J0.png) repeat-x 0 45px!important;
}

Até
Roevs

Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor do navbar

Mensagem por T1ag0 30.05.16 0:32

olá Desculpa Mas agora Sumiu
Mudar cor do navbar PI24zkm
avatar

T1ag0
*

Membro desde : 29/05/2016
Mensagens : 34
Pontos : 56

http://megadance.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor do navbar

Mensagem por Roevs 30.05.16 0:35

Olá,

Fiz as alterações e aqui funcionou corretamente, poderia me passar a sua Folha de estilo CSS completa aqui por favor ?

Até
Roevs

Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor do navbar

Mensagem por Cepheus 30.05.16 0:43

Você não precisa usar imagem para fazer isso:
Repare no código onde está #000000 (preto)
Refere-se a cor em hexadecimal, troque pela cor desejada:
Aqui um site com códigos de cores: http://www.color-hex.com/

Adicione no seu css:

Código:
a.mainmenu:hover {
background:none!important; 
-webkit-box-shadow: inset 0px -10px 0px -3px #000000;
-moz-box-shadow: inset 0px -10px 0px -3px #000000;
box-shadow: inset 0px -10px 0px -3px #000000;
}
Cepheus

Cepheus
Membro

Membro desde : 21/03/2014
Mensagens : 514
Pontos : 1085

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor do navbar

Mensagem por T1ag0 30.05.16 0:47

Muito Obrigado Cepheus

seu Código Pego Mas o Código azul não saiu então Fico Os Dois entedi
avatar

T1ag0
*

Membro desde : 29/05/2016
Mensagens : 34
Pontos : 56

http://megadance.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor do navbar

Mensagem por T1ag0 30.05.16 0:51

Mudar cor do navbar Z7K9GPK Como Ta
avatar

T1ag0
*

Membro desde : 29/05/2016
Mensagens : 34
Pontos : 56

http://megadance.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor do navbar

Mensagem por T1ag0 30.05.16 0:59

Bom me Ajudou Bastante

agora tem como Me ajuda coloca meu menu com essa Barrinha Vermelha?
Mudar cor do navbar 4b8WoeU
avatar

T1ag0
*

Membro desde : 29/05/2016
Mensagens : 34
Pontos : 56

http://megadance.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor do navbar

Mensagem por Cepheus 30.05.16 1:10

Isso acontece porque você também está usando imagem fora do hover,
Adicione também no seu css:
Código:
a.mainmenu{background:none!important;}


o código da cor vermelha é: #ff0000
Veja as cores aqui: http://www.color-hex.com/
Cepheus

Cepheus
Membro

Membro desde : 21/03/2014
Mensagens : 514
Pontos : 1085

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor do navbar

Mensagem por T1ag0 30.05.16 1:27

Caraca Voce é 10 Cara Tudo Resolvido!

Só tem Como me ajuda a Coloca Essa Linha no meu Menu Rs
Mudar cor do navbar 4b8WoeU Linha Vermelha mas vou mudar a cor
avatar

T1ag0
*

Membro desde : 29/05/2016
Mensagens : 34
Pontos : 56

http://megadance.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor do navbar

Mensagem por Cepheus 30.05.16 1:34

Adicione no seu css:
Código:
#page-header .navbar  {
    -moz-box-shadow: inset 0 -6px 0 -2px #ff0000;
    -webkit-box-shadow: inset 0 -6px 0 -2px #ff0000;
    box-shadow: inset 0 -6px 0 -2px #ff0000;
}

Onde está: #ff0000
troque pela cor desejada, deixei por padrão vermelho.
Atenciosamente,
Cepheus!
Cepheus

Cepheus
Membro

Membro desde : 21/03/2014
Mensagens : 514
Pontos : 1085

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Mudar cor do navbar

Mensagem por T1ag0 30.05.16 1:37

Muito obrigado amigo Agradeço Pela Sua Paciência
avatar

T1ag0
*

Membro desde : 29/05/2016
Mensagens : 34
Pontos : 56

http://megadance.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos