Gerir função efeito Hover no fórum

Bom, eu criei um fórum com o tema da BR-Design (Foi concedido a alguns usuários) , e lá tem um banner que é animado, tipo quando tu coloca o mouse em cima, ele se meche. Queria saber como criar um desse tipo, se tem que ser gif ou qual codigo devo usar para a imagem ficar daquele jeito. O forum eu criei apenas para hospedar o tema, para ficar de teste.

Olá, aceda a sua Folha de estilo CSS, cole o código abaixo e salve.

Código:

a#pun-logo {
opacity: 0.9;
-moz-opacity: 0.9;
Filter: Alpha(Opacity=90)
}
a#pun-logo:hover {
opacity: 1.0;
-moz-opacity: 1.0;
Filter: Alpha(Opacity=100)
}

Cordialmente.

A Imagem de fundo do meu fórum não meche...

Saudações,

É do fundo do logo? No mais, mande-me o link do fórum em que voce viu o efeito.

Até mais.

Aqui, o link é : lerigoulerigando.forumeiros.com

Saudações!

Vá em: Painel de controle   Visualização   Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

div#pun-intro:hover {background: url(http://i37.servimg.com/u/f37/16/31/78/37/by_nic10.jpg) 50% 50% repeat x scroll rgb(15, 56, 84) !important;transition: all 1s linear 0ms!important;-webkit-transition: all 1s linear 0ms!important;}

Salve e visualize seu fórum.
Melhores cumprimentos,
Sennior.

Continua sem mecher, será que é a imagem ?

Saudações!

Vá em: Painel de controle   Visualização   Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

div#pun-intro:hover {background: url(http://i37.servimg.com/u/f37/16/31/78/37/by_nic10.jpg) repeat-x scroll center #0f3854 !important;transition: all 1s linear 0 !important;}

Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.

Deu resultados
Obrigado, aciona o botão ''Resolvido'' aqui ta bug.