Efeito de opacidade nos widgets

4 participantes

Ir para baixo

Tópico resolvido Efeito de opacidade nos widgets

Mensagem por diogo23 22.11.11 21: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: https://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
diogo23
diogo23
***

Membro desde : 10/04/2011
Mensagens : 134
Pontos : 212

http://www.portugal-maximum.forumeiros.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de opacidade nos widgets

Mensagem por seender 23.11.11 12: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'
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de opacidade nos widgets

Mensagem por diogo23 23.11.11 15: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
diogo23
diogo23
***

Membro desde : 10/04/2011
Mensagens : 134
Pontos : 212

http://www.portugal-maximum.forumeiros.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de opacidade nos widgets

Mensagem por seender 23.11.11 15:41

Olá!

Mas gostaria de adicionar este efeito em qual imagem?

Até mais!
seender
seender
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de opacidade nos widgets

Mensagem por diogo23 23.11.11 17: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.
diogo23
diogo23
***

Membro desde : 10/04/2011
Mensagens : 134
Pontos : 212

http://www.portugal-maximum.forumeiros.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de opacidade nos widgets

Mensagem por Cream 24.11.11 14: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!
Cream
Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de opacidade nos widgets

Mensagem por Luciano98 24.11.11 16: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.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de opacidade nos widgets

Mensagem por diogo23 24.11.11 18:53

muito obrigado funcionou
diogo23
diogo23
***

Membro desde : 10/04/2011
Mensagens : 134
Pontos : 212

http://www.portugal-maximum.forumeiros.net

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