Efeito retráctil no avatar

Qual é minha questão:
Queria colocar no meu fórum um efeito retráctil como este:

Quando passa o mouse pelo avatar ele fica assim (sobe para cima):


Podem ajudar?

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

Versão do fórum:
PHPBB3

Olá!

Poderia nos fornecer o link que o senhor viu tal função?

Até mais.

AQUI está. (E por favor não em chame "Senhor" que eu ainda nem tenho 18 anos xD)

Tire o fórum da manutenção, sim?

Boa tarde,

Qaundo nos referimos ao "senhor" é um maneira de respeito amigo. Mas iremos lhe chamar de você.

Aceda à teu CSS:
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS

Código:

.postprofile dt a img {
box-shadow: 1px 1px 2px #000;
height: 400px;
margin-bottom: 8px;
margin-top: 0;
width: 200px;
}
.postprofile dt img {
height: 400px;
left: 5px;
position: absolute;
text-decoration: none!important;
top: 35px;
transition-duration: 3s;
width: 180px;
}
.postprofile:hover dt img {
text-decoration: none!important;
top: -400px;
transition-duration: 3s;
}

Até mais.

O efeito não ficou como pretendido:
O avatar sobe, mas ele não "desaparece" como se tivesse entrado nalgum sítio e fica com um efeito hover estranho.

Olá!

Lamento, infelizmente só podemos lhe ajudar com isto, somente com a utilização de códigos jQuery poderemos fazer o efeito desejado, o mais parecido possível e o código fornecido pelo Mikéé Sheldon.

Até mais.