Si quieres crear botones para tu blog o web, el boton 'onmouseover' con imagenes te vendra de lujo. Como ya lo dice la palabreja en ingles, es un boton que cambia de imagen al pasar el raton. Basta añadir con un codigo javascript-css muy cortito y tener dos imagenes, si puede ser del mismo tamaño. Una imagen sera la estatica y la otra sera la que cambiara al pasar el cursor para clickear.Primero nos diseñamos las 2 imagenes y las subimos:
IMAGEN 1
IMAGEN 2
Ahora añadimos el siguiente codigo donde queramos poner el boton. Añadimos las imagenes en su lugar correspondiente (la imagen 1 estatica hay que ponerla 2 veces), añadimos la url y el tamaño de las imagenes donde esta en azul.
<center><a href="URL"><img alt="" src="IMAGEN1" onmouseout="javascript:this.src='IMAGEN1';" onmouseover="javascript:this.src='IMAGEN2';" style="padding: 0px 0px 0px; float: center;" height="ALTO" border="0" width="ANCHO"></a></center> |
| y asi nos quedara nuestro boton  | |
