Escurecer imagens no menu - navbar - ao passar mouse

4 participantes

Ir para baixo

Tópico resolvido Escurecer imagens no menu - navbar - ao passar mouse

Mensagem por ZeMuhammad 13.09.12 12:51

Qual é minha questão:
Já achei um, mas ele deixa a imagem transparente, e ao passar o mouse a imagem fica opaca.

Gostaria de um código que, ao passar o mouse, a imagem fique mais escura.

É possível?

Obrigado.

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://battlefieldplay4free.forumeiros.com

Versão do meu fórum:
PHPBB3


Última edição por ZeMuhammad em 14.09.12 21:53, editado 1 vez(es)
ZeMuhammad
ZeMuhammad
***

Membro desde : 31/08/2012
Mensagens : 150
Pontos : 236

http://battlefieldplay4free.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Escurecer imagens no menu - navbar - ao passar mouse

Mensagem por Sennior 13.09.12 13:00

Olá, aceda ao seu
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS

cole este codigo abaixo e salve.
.mainmenu:hover {opacity: 0.08;}

Até mais. De bem com a vida
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Escurecer imagens no menu - navbar - ao passar mouse

Mensagem por ZeMuhammad 13.09.12 13:17

Sem resultados, obs: É UMA IMAGEM.
ZeMuhammad
ZeMuhammad
***

Membro desde : 31/08/2012
Mensagens : 150
Pontos : 236

http://battlefieldplay4free.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Escurecer imagens no menu - navbar - ao passar mouse

Mensagem por Sennior 13.09.12 13:29

Tente este CSS:

Código:
#page-header .navbar {
background-image: url('http://i.imgur.com/S8trC.png');
background-color: transparent;
background-repeat: no-repeat;
opacity: 0.8 !important;
}

Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Escurecer imagens no menu - navbar - ao passar mouse

Mensagem por ZeMuhammad 14.09.12 21:06

A imagem ficou meio transparente, mas ao passar o mouse continua transparente.
ZeMuhammad
ZeMuhammad
***

Membro desde : 31/08/2012
Mensagens : 150
Pontos : 236

http://battlefieldplay4free.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Escurecer imagens no menu - navbar - ao passar mouse

Mensagem por Ace 14.09.12 21:44

Olá,

Tente o seguinte código:

Código:
a.mainmenu img {
background-color: #FF0000;
background-repeat: no-repeat;
}

Painel >> Visualização >> Imagens e Cores >> Cores >> Folha de estilo CSS

Cordialmente. Piscada
Ace
Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Escurecer imagens no menu - navbar - ao passar mouse

Mensagem por Leexa 14.09.12 21:49

Boa tarde querido!

O senhor já ousou em ler este link abaixo?


Se não, queira checar por favor.


Passar bem! Piscada
Leexa
Leexa
***

Membro desde : 13/09/2012
Mensagens : 154
Pontos : 196

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Escurecer imagens no menu - navbar - ao passar mouse

Mensagem por ZeMuhammad 14.09.12 21:53

Obrigado Bear, ajudou mt.
ZeMuhammad
ZeMuhammad
***

Membro desde : 31/08/2012
Mensagens : 150
Pontos : 236

http://battlefieldplay4free.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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