Efeito hover nas imagens

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

Resolvido Efeito hover nas imagens

Mensagem por Karol Marinho em 05/04/12, 02:54 pm

Qual é minha questão:
Como consigo o efeito de hover nas imagens assim como nesse fórum: http://obliviate-rpg.forumeiros.com/ ? tanto nas imagens dos foruns abaixo, quanto do menu.

Medidas que eu tomei para corrigir o problema:
.

Links e imagens do meu problema:
.

Endereço do meu fórum:
http://hogwarts-magia.4umer.com/forum

Versão do meu fórum:
PHPBB3
avatar

Karol Marinho
Usuário avançado

Feminino
Inscrito dia : 25/01/2011
Mensagens : 414
Pontos Ativos : 635

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

Resolvido Re: Efeito hover nas imagens

Mensagem por Troubleshoot em 05/04/12, 02:58 pm

Olá, aqui está o código :

Categorias:
Código:
#imgopacidade{
margin: 1px;
border: none;
filter: alpha(opacity=50);
moz-opacity:.60;
opacity:.50 ;
-webkit-transition-duration: .50s;
}
#imgopacidade:hover{
margin: 1px;
border: none;
filter: alpha(opacity=100);
moz-opacity:1.0;
opacity:1.0;
}         
ul.linklist li a img {
border: none;
filter: alpha(opacity=50);
moz-opacity:.60;
opacity:.50 ;
-webkit-transition-duration: .50s;
}
ul.linklist li a img:hover {
border: none;
filter: alpha(opacity=100);
moz-opacity:1.0;
opacity:1.0;
}

Resulta?
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2200
Pontos Ativos : 2945

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Efeito hover nas imagens

Mensagem por Karol Marinho em 05/04/12, 03:10 pm

funcionou somente no menu... nao tem como deixar o hover nas imagens dos foruns tbm? assim como no rpg que eu mandei...
avatar

Karol Marinho
Usuário avançado

Feminino
Inscrito dia : 25/01/2011
Mensagens : 414
Pontos Ativos : 635

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

Resolvido Re: Efeito hover nas imagens

Mensagem por Karol Marinho em 06/04/12, 12:50 pm

uup
avatar

Karol Marinho
Usuário avançado

Feminino
Inscrito dia : 25/01/2011
Mensagens : 414
Pontos Ativos : 635

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

Resolvido Re: Efeito hover nas imagens

Mensagem por Jose Hamizaki em 06/04/12, 12:53 pm

Use esse codigo e ve se resulta:

Código:
#logo-desc {
opacity: 0.9;
-moz-opacity: 0.9;
Filter: Alpha(Opacity=90)
}
#logo-desc:hover {
opacity: 1.0;
-moz-opacity: 1.0;
Filter: Alpha(Opacity=100)
}
avatar

Jose Hamizaki
Membro do Fórum

Masculino
Inscrito dia : 26/02/2012
Mensagens : 1050
Pontos Ativos : 1540

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

Resolvido Re: Efeito hover nas imagens

Mensagem por Karol Marinho em 06/04/12, 01:01 pm

só deu hover no logo...
Vejam o forum que eu mandei, vejam o que acontece quando se passa o mouse por cima de TODAS as imagens do forum. É isso que eu quero...
avatar

Karol Marinho
Usuário avançado

Feminino
Inscrito dia : 25/01/2011
Mensagens : 414
Pontos Ativos : 635

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

Resolvido Re: Efeito hover nas imagens

Mensagem por Jose Hamizaki em 06/04/12, 01:05 pm

Tente esse:

Código:
ul.linklist a img:hover {
background-color: #FFFFFF;
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
avatar

Jose Hamizaki
Membro do Fórum

Masculino
Inscrito dia : 26/02/2012
Mensagens : 1050
Pontos Ativos : 1540

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

Resolvido Re: Efeito hover nas imagens

Mensagem por Karol Marinho em 06/04/12, 01:07 pm

Não resultou o efeito que eu queria
avatar

Karol Marinho
Usuário avançado

Feminino
Inscrito dia : 25/01/2011
Mensagens : 414
Pontos Ativos : 635

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

Resolvido Re: Efeito hover nas imagens

Mensagem por Jose Hamizaki em 06/04/12, 01:09 pm

Achei esse outro codigo, ve se resulta:

Código:
ul.linklist a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
avatar

Jose Hamizaki
Membro do Fórum

Masculino
Inscrito dia : 26/02/2012
Mensagens : 1050
Pontos Ativos : 1540

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

Resolvido Re: Efeito hover nas imagens

Mensagem por Karol Marinho em 06/04/12, 01:13 pm

Não resultou... ç.ç
avatar

Karol Marinho
Usuário avançado

Feminino
Inscrito dia : 25/01/2011
Mensagens : 414
Pontos Ativos : 635

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

Resolvido Re: Efeito hover nas imagens

Mensagem por Jose Hamizaki em 06/04/12, 01:40 pm

Então voce deve pedir as imagens em efeito hover em criações grafica, ai vai dar certo.
avatar

Jose Hamizaki
Membro do Fórum

Masculino
Inscrito dia : 26/02/2012
Mensagens : 1050
Pontos Ativos : 1540

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

Resolvido Re: Efeito hover nas imagens

Mensagem por LiteCoder em 06/04/12, 10:44 pm

Acredito que o seguinte código funcionará.
Código:
img {
opacity: 0.30;
-moz-opacity: 0.30;
-webkit-opacity: 0.30;
filter: alpha(opacity=30);
-o-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}
img:hover {
opacity:1;
-moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-o-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}
Resulta?
avatar

LiteCoder
Nível 6

Masculino
Inscrito dia : 08/07/2011
Mensagens : 61
Pontos Ativos : 84

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