Menú con imágenes y efecto pushbutton

Este es otro menú distinto, una pequeña alternativa a la ya muy vista barra de menú horizontal. Si lo quieres colocar en tu blog o sitio web, sigue estos sencillos pasos:

Entramos en Diseño, Añadir un gadget, y ahí tomamos un HTML javascript y pegamos el código que que vamos a copiar a continuación:



<div align="left">
<a href="URL_PAGINA">
<img class="pushbutton" src="URL_IMAGEN" title="TITULO" /></a>


<a href="URL_PAGINA">
<img class="pushbutton" src="URL_IMAGEN" title="TITULO" /></a>


<a href="URL_PAGINA">
<img class="pushbutton" src="URL_IMAGEN" title="TITULO" /></a>


<a href="URL_PAGINA">
<img class="pushbutton" src="URL_IMAGEN" title="TITULO" /></a>


<a href="URL_PAGINA">
<img class="pushbutton" src="URL_IMAGEN" title="TITULO" /></a>


</div>


Ahora simplemente sustituimos UR_PAGINA por la dirección de destino, UR_IMAGEN por la imagen que tu elijas y ponemos TITULO para cunado pase el ratón por encima.También puedes cambiar la alineación.
Y listo, ya tienes otro clase de menú.

Si te ha gustado este post, puedes comentar o preguntar lo que quieras o, subscribirte a mi feed.