Me ajudem a elaborar esse código css

Qual é minha questão:

Código:

A.forumtitle:hover{
padding-left:3px;
-webkit-transition:0.2s;
-o-transition:0.2s;
-moz-transitio:0.2s;
}

Eu uso o código acima para fazer o título do tópico deslizar pro lado ao passar o mouse. Invés desse, queria colocar o efeito das imagens desse blog: http://edudiabo.blogspot.com.br/

Quero o efeito dos widgets de parceiros nos títulos das categorias do meu fórum.

O CSS ta no código de fonte da página do site que eu passei, mas não sei qual o CSS exato, acho que é aqueles códigos perto de #x li img:hover{.

Endereço do meu fórum:
http://rocknforum.ativoforum.com

Versão do fórum:
INVISION

Saudações!

Não compreendi, poderia ser mais específico?, fornecendo alguma imagem do problema?

Até mais.

Ao dizer título do tópico, eu quis dizer título das categorias.*

Olá,

O senhor poderia me fornecer uma imagem de sua questão?

Até mais.

Olá!

Aceda à "Folha de Estilos CSS":
Painel de Controle Visualização Imagens & Cores Cores Folha de Estilo CSS

Código:

Código:

a.forumtitle:hover {
  text-shadow: 0px 2px 3px #000000;
padding-top: 50px;
  text-decoration: none;
  color: black;
  margin-left: 2px;
 -webkit-transition:0.7s;
-o-transition:0.7s;
-moz-transitio:0.7s;
}

Valide.

Saudações!

Apenas coloque este código no inicio de teu CSS:

Código:

.forumtitle:hover {
opacity: 0.0;
-moz-opacity: 0.00;
Filter: Alpha(Opacity=0);
}

Até mais.

Os códigos não resultaram. O primeiro faz a mesma coisa do CSS que eu já usava, o último código postado até então faz a imagem desaparecer ao passar o mouse. O que eu queria mesmo era aumentar o tamanho da imagem ao passar o mouse sobre a mesma, dar um zoom como nos banners do blog que eu passei.

Olá!

Aceda à "Folha de Estilos CSS":
Painel de Controle Visualização Imagens & Cores Cores Folha de Estilo CSS

Código:

Código:

.forumtitle:hover {
opacity: 1;
padding-left: 34px;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
-moz-transitio: 0.2s;
zoom: 2;
}

Valide.