Escurecer imagens no menu - navbar - ao passar mouse

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

Resolvido Escurecer imagens no menu - navbar - ao passar mouse

Mensagem por ZeMuhammad em 13/09/12, 08:51 am

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, 05:53 pm, editado 1 vez(es)
avatar

ZeMuhammad
Nível 9

Masculino
Inscrito dia : 31/08/2012
Mensagens : 150
Pontos Ativos : 236

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

Resolvido Re: Escurecer imagens no menu - navbar - ao passar mouse

Mensagem por Sennior em 13/09/12, 09:00 am

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
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Escurecer imagens no menu - navbar - ao passar mouse

Mensagem por ZeMuhammad em 13/09/12, 09:17 am

Sem resultados, obs: É UMA IMAGEM.
avatar

ZeMuhammad
Nível 9

Masculino
Inscrito dia : 31/08/2012
Mensagens : 150
Pontos Ativos : 236

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

Resolvido Re: Escurecer imagens no menu - navbar - ao passar mouse

Mensagem por Sennior em 13/09/12, 09:29 am

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

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Escurecer imagens no menu - navbar - ao passar mouse

Mensagem por ZeMuhammad em 14/09/12, 05:06 pm

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

ZeMuhammad
Nível 9

Masculino
Inscrito dia : 31/08/2012
Mensagens : 150
Pontos Ativos : 236

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

Resolvido Re: Escurecer imagens no menu - navbar - ao passar mouse

Mensagem por Ace em 14/09/12, 05:44 pm

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
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Escurecer imagens no menu - navbar - ao passar mouse

Mensagem por Leexa em 14/09/12, 05:49 pm

Boa tarde querido!

O senhor já ousou em ler este link abaixo?


Se não, queira checar por favor.


Passar bem! Piscada
avatar

Leexa
Nível 9

Feminino
Inscrito dia : 12/09/2012
Mensagens : 154
Pontos Ativos : 196

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

Resolvido Re: Escurecer imagens no menu - navbar - ao passar mouse

Mensagem por ZeMuhammad em 14/09/12, 05:53 pm

Obrigado Bear, ajudou mt.
avatar

ZeMuhammad
Nível 9

Masculino
Inscrito dia : 31/08/2012
Mensagens : 150
Pontos Ativos : 236

Ver perfil do usuário http://battlefieldplay4free.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