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

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?

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

uup

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)
}

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...

Tente esse:

Código:

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

Não resultou o efeito que eu queria

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;

Não resultou... ç.ç

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

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?