21.11.13

Menús para Blogger


Presentamos algunos menús para poner en blogs de Blogger. Debajo de cada imagen está el enlace para ir al tutorial correspondiente.


Menú horizontal con CSS3, envolvente

Este menú se presenta a la vista como si estuviera envolviendo el blog. Queda bien en blogs que tienen bien definido el borde del Outer Wrapper (envoltura principal del blog).

Menú horizontal envolvente



Menú horizontal Estilo Apple Fancy Efecto Slide

Menú horizontal con efecto card-shuffle, el cual hace que cuando se ingresa a la página que lo contiene los iconos se deslicen hacia adentro; luego, cuando se pasa el cursor por cada uno de los elementos, los íconos se deslizan desde la parte superior hacia afuera.

Menú Horizontal Estilo Apple Fancy con Efecto Slide, CSS y Jquery



Menú horizontal desplegable con CSS y Jquery, efecto deslizante

En este menú horizontal cada elemento contiene un submenú vertical que se despliega, con un efecto relieve, proporcionado por la imagen gradiente utilizada como fondo.

Menú horizontal desplegable con CSS y Jquery, efecto deslizante



Menú vertical con CSS y jquery, efecto acordeón

Cada elemento del menú despliega submenús con un efecto acordeón.

Menú vertical con CSS y jquery, efecto acordeón




Menú horizontal desplegable con Ajax

Éste es un menú de múltiples niveles.

Menú horizontal desplegable, con Ajax



Menú horizontal dinámico, con submenús

Este menú es una barra navegable cuyos elementos cambian de color al poner el cursor sobre los mismos.

Menú horizontal dinámico, con submenús



Menú vertical desplegable

Este menú desplegable tiene la ventaja que, conteniendo un buen número de enlaces, ocupa poco espacio.

Menú vertical desplegable




Menú lateral con CSS y Jquery

Menú de Navegación Lateral con jQuery y CSS
Este menú en diapositiva tiene un interesante efecto slide: sus elementos se ocultan al ingresar en la página, permaneciendo semiescondidos, mostrándose en su totalidad cuando se pasa el cursor por las partes visibles de los mismos.

Ir al tutorial

 

 

 



3 comentarios :

▼▲ Ocultar / Mostrar comentarios
Comentario escrito por Tomás Rivera : #

Gracias por compartir sus conocimientos, y además de una manera tan clara y didáctica. De aquí he tomado apuntes muy útiles para arreglar mi blog. Saludos!

Comentario escrito por Pedro Pablo Pachón : #

Saludos Tomás!

Comentario escrito por Admin : #

Supongo que me serviran un gusto!

https://internetcompartida.blogspot.com mi blog para ver como queda

Este blog ya cumplió su ciclo, por esta razón, aunque sigue a disposición de los usuarios, no se harán más publicaciones ni se atenderán más consultas. La respuesta a su inquietud puede estar entre los comentarios hechos hasta aquí.

El autor.