Trocar botão de ''novo tópico'' ao passar o mouse

Qual é minha questão:
Olá, queridos.
Hoje venho pedir vossa ajuda em uma questão sobre personalização do fórum. 

Gostaria de adicionar ao meu fórum um efeito na imagem de Novo tópico.
O efeito consiste em quando  eu passar o mouse por cima do botão para criar um novo tópico, este seja automaticamente trocado por uma outra imagem.

Exemplo: 

Digamos que em meu fórum a imagem do botão para criar um novo tópico seja esta:
Gostaria de fazer com que, ao posicionar o mouse por cima dela, a imagem demonstrada acima troque para esta:


É importante dizer que o efeito será para um fórum Phpbb3, portanto acredito que seja por CSS. 

Espero que tenha ficado claro o que estou solicitando como suporte.
Desde já agradeço a atenção e ajuda.

Endereço do meu fórum:
http://www.suportedesign.net

Versão do fórum:
Phpbb3

Olá!

Na verdade, não tem como alterar uma imagem com JavaScript, lamento mais não será possível.

Até mais.

Bom dia cordial membro!

Pode haver uma maneira, coloque o código no teu CSS como eu mostro abaixo, se não vier à dar resultados, lamento amigo.
Aceda á teu painel administrativo como eu mostro abaixo:
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS

Código:

.i_post:hover {
background-image: url(http://i.imgur.com/WYCm8a9.png) !important;
display: block;
}


<li> Coloque o código no inicio de teu CSS.

Valide e veja o resultado.

Abraços!

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'

Olá, Sheldon.

Infelizmente não obtive resultado com a solução que o senhor propôs.

Eu estava querendo este efeito pois o vi em um fórum punbb e achei que seria possível trazê-lo a um fórum Phpbb3 por intermédio de CSS ou JS.

Contudo, se realmente os senhores acham que não é possível criar tal efeito, podem finalizar o tópico.

Agradeço a atenção.