Cómo crear un menú estilo MAC para tu sitio

Más sobre el programa :: Requerimientos :: Videos :: Actualizaciones

Si te encuentras en la etapa de selección o construcción de un menú de navegación para alguna sección o la página principal de tu sitio, blog, foro, o aplicación web, talvez te interese ojear este menú realizado con la librería jQuery y CSS.

Mas información sobre el programa.

¿ De que trata el ejemplo ?

El ejemplo te muestra como implementar y añadir un menú estilo Mac para tus páginas. Está muy bien realizado, y te permite colocar una imagen de ícono para cada categoría o sección que definas en él, como también visualizar un pequeño efecto animado al hacer mouseover sobre cada item.

Haciendo clic en la siguiente imagen, podrás ver una demostración online del menú desde la web del autor.

Tutorial y descarga

En el sitio, es posible descargar además del ejemplo completo, que incluye la librería jQuery, los CSS, HTML y las imágenes, acceder a un tutorial bien detallado que muestra como

Como definir el ancho y alto de la imagen JPG del menú, tanto para el estado normal como para el MouseOver.
Como diseñar cada item del menú desde Photoshop, es decir crear cada botón y establecerle las propiedades.
Definir el código HTML y CSS. ( El Class, propiedades de las listas, y propiedades de los enlaces)
Agregar el efecto de slide de la barra de navegación utilizando la librería jQuery.