Efeito simples p/ botão

Qual é minha questão:
Bom galera, estou planejando em construir um menu (em widget) com um efeito de troca de img ao passar o mouse, assim gostaria de saber o code que eu tenho que fazer pra gerar tal. Neles devem contem a img + img ao ser passado o mause + link do botão. Peço por favor se algum puder mostrar o modelo do código....

Segue abaixo caso o mesmo queira usar os moldes como exemplo:
img: http://i.imm.io/1756Z.png
img ao passar o mause: http://i.imm.io/1757y.png
link do botão: google.com



Grato

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

Versão do fórum:
PHPBB2

Olá,
Asçenda

Painel de Controle Módulos Portal & Widgets Configuração do portal Estrutura

<font color="darkblue"><img src="<font color="red">ENDERECO_DA_IMAGEM_NORMAL</font>" onmouseout="this.src='<font color="red">ENDERECO_DA_IMAGEM_NORMAL</font>';" onmouseover="this.src='<font color="green">ENDERECO_DA_IMAGEM_AO_PASSAR_O_MOUSE</font>';" /></font>

Ate mais.

Tu quer um resultado mais ou menos como este?

Código:


<a href="http://www.google.com.br/"><img src="http://i.imm.io/1756Z.png" onmouseout="this.src='http://i.imm.io/1756Z.png';" onmouseover="this.src='http://i.imm.io/1757y.png';" /></a>


Se for, o "molde" é o seguinte.

Código:


<a href="ENDEREÇO_DA_PÁGINA"><img src="ENDERECO_DA_IMAGEM_NORMAL" onmouseout="this.src='ENDERECO_DA_IMAGEM_NORMAL';" onmouseover="this.src='ENDERECO_DA_IMAGEM_AO_PASSAR_O_MOUSE';" /></a>


Vlw ai! \o/