Efeito de opacidade nos widgets

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

Resolvido Efeito de opacidade nos widgets

Mensagem por diogo23 em Ter 22 Nov 2011 - 19:22

Qual é minha questão:
Olá, a minha questão é a seguinte:
no menu eu já consegui colocar aquele efeito da opacidade que aprendi neste tutorial: http://ajuda.forumeiros.com/t15695-tutorial-efeito-de-opacidade-nas-imagens-do-menu só que a minha questão é como é que eu consigo colocar uma/várias imagem nos widgets que ao passar por cima da mesma ela seja realçada (o efeito da opacidade) e já agora podiam-me ensinar como é que é o código para que ao carregar na imagem dos widgets ela ir para o seguinte site? agradeço uma resposta....

Medidas que eu tomei para corrigir o problema:
colocar este post

Imagens do meu problema:
não é necessário

Endereço do meu fórum:


Versão do meu fórum:
PHPBB3
avatar

diogo23
Nível 8

Masculino
Inscrito dia : 10/04/2011
Mensagens : 134
Pontos Ativos : 212

Ver perfil do usuário http://www.portugal-maximum.forumeiros.net

Resolvido Re: Efeito de opacidade nos widgets

Mensagem por seender em Qua 23 Nov 2011 - 10:59

Olá!

Poste aqui o código que utiliza em suas imagens, é só definir a mesma classe em todas as imagens.

Até mais!

Tópico movido de 'Questões diversas' para 'Questões sobre códigos'
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 de opacidade nos widgets

Mensagem por diogo23 em Qua 23 Nov 2011 - 13:08

ul.linklist li a img {
filter:alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
}
ul.linklist a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

foi só colocar este código que automaticamente as imagens realçavam-se, com o rato em cima
avatar

diogo23
Nível 8

Masculino
Inscrito dia : 10/04/2011
Mensagens : 134
Pontos Ativos : 212

Ver perfil do usuário http://www.portugal-maximum.forumeiros.net

Resolvido Re: Efeito de opacidade nos widgets

Mensagem por seender em Qua 23 Nov 2011 - 13:41

Olá!

Mas gostaria de adicionar este efeito em qual imagem?

Até mais!
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 de opacidade nos widgets

Mensagem por diogo23 em Qua 23 Nov 2011 - 15:25

olá o mesmo efeito que usei para o menu de navegação em que quando o rato não está em cima tem só 40% de opacidade e quando ele está em cima tem 100% ou seja é a imagem normal.
avatar

diogo23
Nível 8

Masculino
Inscrito dia : 10/04/2011
Mensagens : 134
Pontos Ativos : 212

Ver perfil do usuário http://www.portugal-maximum.forumeiros.net

Resolvido Re: Efeito de opacidade nos widgets

Mensagem por Cream em Qui 24 Nov 2011 - 12:53

Olá,

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

Até mais!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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

Resolvido Re: Efeito de opacidade nos widgets

Mensagem por Luciano98 em Qui 24 Nov 2011 - 14:56

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS

Código:
.module img{filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4}.module img:hover{filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0}

Salve.

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Efeito de opacidade nos widgets

Mensagem por diogo23 em Qui 24 Nov 2011 - 16:53

muito obrigado funcionou
avatar

diogo23
Nível 8

Masculino
Inscrito dia : 10/04/2011
Mensagens : 134
Pontos Ativos : 212

Ver perfil do usuário http://www.portugal-maximum.forumeiros.net

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