lunes, 21 de marzo de 2016

Menu oculto con imagen

Rebuscando menus para poder poner uno en el blog que se ocultase mediante una imagen, he encontrado esta preciosidad que me gustaria compartir~

El menu del que os hablo es el que he puesto en la imagen que aparece debajo de este texto. Como se ve en la imagen, tu cliqueas en la imagen del menu y aparece un menu escondido.
Es perfecto para submenus de poca importancia o si tienes demasiados menus y asi poder agruparlos por categorias.
Para poner este menu en vuestro blog solo teneis que ir al diseño del blog >> Añadir Gadget >> HTML/Javascript
Y ya solo pegar el codigo que os dejo a continuacion:
<div class="separator" style="clear: both; text-align: center;">
<div class="divspoiler">
<img src="LINK IMAGEN PRINCIPAL PARA CLICQUEAR" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" />
</div><div><div class="spoiler" style="display: none;">
<a href="LINK CATEGORIA"><img src="LINK IMAGEN" /></a><a href="LINK CATEGORIA"><img src="LINK IMAGEN" /></a><a href="LINK CATEGORIA"><img src="LINK IMAGEN" /></a>
</div></div></div>
En el texto esta señalado para poner las imagenes y los enlaces deseados que tu quieras. Tambien obviamente se pueden poner mas enlaces e imagenes, aqui solo he puesto para 3 categorias.
Tambien en vez de imagenes como en mi caso, podemos añadir texto o cualquier otra cosa que deseeis.

Espero que os guste y sobretodo que os sirva~

No hay comentarios:

Publicar un comentario