Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Efeito de opacidade nos widgets
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Efeito de opacidade nos widgets
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
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
Re: Efeito de opacidade nos widgets
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'
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'
Re: Efeito de opacidade nos widgets
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
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
Re: Efeito de opacidade nos widgets
Olá!
Mas gostaria de adicionar este efeito em qual imagem?
Até mais!
Mas gostaria de adicionar este efeito em qual imagem?
Até mais!
Re: Efeito de opacidade nos widgets
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.
Re: Efeito de opacidade nos widgets
Olá,
Tente o seguinte código:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS
Até mais!
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;
}
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS
Até mais!
Re: Efeito de opacidade nos widgets
Olá!
Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS
Código:
Salve.
Até mais.
Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores 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.
Tópicos semelhantes
» Efeito de opacidade
» Efeito opacidade no banner
» Menu de navegação com efeito de opacidade
» Ajuda com efeito zoom e opacidade
» Efeito de opacidade nas imagens do menu
» Efeito opacidade no banner
» Menu de navegação com efeito de opacidade
» Ajuda com efeito zoom e opacidade
» Efeito de opacidade nas imagens do menu
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos