Qual é minha questão:
Olá, 

Eu gostaria que as imagens presentes no meu fórum,
ficassem todas com um efeito hover ao invés de deslizarem horizontalmente.

Voces podem me ajudar?? Por favor.

Site onde vi esse efeito, http://thevampirediariesbr.forumeiros.com/forum



Endereço do meu fórum:
http://thevampirediariesori.forumeiros.com

Versão do fórum:
PHPBB3

Olá!

Qual efeito o senhor deseja especificamente? existe várias coisas que podemos fazer com o efeito hover.
Se eu tiver certo, adicione na tua 'Folha de Estilos CSS'

Código:

img:hover {
transition: 1s;
transition: 2s;
transition: 3s;
transition: 5s;
height: 30px;
}

Até mais.

Boa noite,

Vá em teu CSS:
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS

Agora sobreponha este código no inicio de teu CSS:

Código:

.img:hover {
width: 450px;
height: 150px;
overflow: hidden;
transition: all 3s;
-moz-transition: all 3s;
-o-transition: all 3s;
-webkit-transition: all 3s;
-htm-transition: all 3s;
opacity: 0.9;
}
.img {
width: 450px;
height: 50px;
overflow: hidden;
transition: all 3s;
-moz-transition: all 3s;
-o-transition: all 3s;
-webkit-transition: all 3s;
-htm-transition: all 3s;
opacity: 0.2;
}

É isto?

Até logo.

Não aconteceu nada com nenhum dos códigos...

Não sei se ficou compreendido, eu queria que a imagem ficasse pequena e escura, quando passamos o mouse em cima ele amplia a imagem e clareia.

E isso que eu quero, vi em um fórum e gostei. Perguntei a algumas pessoas e elas me disseram que é o efeito hover que faz isso.

Olá!

Na verdade, a função e feita com o efeito hover, mais o efeito hover não e nada específico, pode-se variar de acordo com o gosto de cada um.
Não vejo nenhum efeito nas imagens, talvez o fórum deles tenha retirado, ou eu não encontrei.

Até!

Olá amigo,

O senhor colocou o código no inicio de teu CSS? Não coloque o mesmo no final por gentileza, e sim no inicio.

Código:

.img:hover {
width: 450px;
height: 150px;
overflow: hidden;
transition: all 3s;
-moz-transition: all 3s;
-o-transition: all 3s;
-webkit-transition: all 3s;
-htm-transition: all 3s;
opacity: 0.9;
}
.img {
width: 450px;
height: 50px;
overflow: hidden;
transition: all 3s;
-moz-transition: all 3s;
-o-transition: all 3s;
-webkit-transition: all 3s;
-htm-transition: all 3s;
opacity: 0.2;
}

Até mais.