Efeito em todas as imagens do fórum

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

Resolvido Efeito em todas as imagens do fórum

Mensagem por luislol2013 em 12/01/13, 09:59 pm

Qual é minha questão:
Tem como colocar aquele efeito de clarear imagens ao passar o mouse? Em todas as imagens do fórum (Invision).

?

Endereço do meu fórum:
http://rocknforum.ativoforum.com

Versão do fórum:
INVISION
avatar

luislol2013
Nível 5

Masculino
Inscrito dia : 25/12/2012
Mensagens : 47
Pontos Ativos : 123

Ver perfil do usuário http://rocknforum.ativoforum.com/

Resolvido Re: Efeito em todas as imagens do fórum

Mensagem por seender em 12/01/13, 10:32 pm

Olá!

Adicione o código:
Código:
img {
filter:alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
}
img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
Adicione o código em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Efeito em todas as imagens do fórum

Mensagem por Consolado em 13/01/13, 10:25 am

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

Código:

img{transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transform: rotate(0deg) scale(0.9) skew(1deg) translate(0px); -moz-transform: rotate(0deg) scale(0.9) skew(1deg) translate(0px); -o-transform: rotate(0deg) scale(0.9) skew(1deg) translate(0px); -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=40); -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s}img:hover{transition-duration: 1.0s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 1.0s; -o-transition-duration: 1.0s; -webkit-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px); -moz-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px); -o-transform: rotate(0deg) scale(1.0) skew(1deg) translate(0px); -moz-opacity: 0.6; opacity: 1.0; filter:alpha(opacity=40)}
Valide.

Melhores cumprimentos,
Today
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

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