Imagem rollover no WordPress

Você quer colocar imagens rollover no seu site? Não tem complicações

Neste código, ao colocar o mouse em cima, aparecerá outra imagem. Ah, e logicamente isso funciona no WordPress.

Veja os links lateriais (sidebar.php)  na página que a Zion fez:

http://www.opportunityambiental.com.br

Olha as tags abaixo:

————————————–

<!–start_raw–><a href=”coloque aqui o link pra onde o internauta vai” target=”_top” onmouseover=”document.sub_but.src=’coloque aqui o endereço da imagem que aparecerá quando o mouse estiver em cima (deixe as aspas do jeito que estão)‘”
onmouseout=”document.sub_but.src=’coloque aqui o endereço da imagem original (não mexa nas aspas)‘”>
<img src=’coloque aqui o endereço da imagem original denovo‘ style=”width:198px; height:32px; border:0px solid #cc3300;” alt=”nome da imagem” name=”sub_but“>
</a><!–end_raw–>
<p></p>

——————-

Width e height é o tamanho da imagem.

Se você quiser colocar uma imagem abaixo da outra, lembre-se de mudar o nome do sub_but.src.

Demorei um tempão para descobrir isso. Graças ao Giovanni de Luca que me socorreu, coloquei nas outras imagens:

sub_but2.src  e assim segui a ordem. sub_but3.src  e etc

Usei estas tag no sidebar.php do WordPress.

Abração