Ya sabemos que lo mejor para ahorrar peso y tiempo de carga es usar “sprites” en los casos que vayamos a usar imágenes para adornar nuestros enlaces ¿verdad?
A pesar de los claros beneficios, como mejorar el tiempo de carga o conseguir un efecto rollover más limpio y sin saltos, crear una barra de navegación basada en gráficos mediante sprites puede ser un poco aburrido.
Navigation Bar Code Generator es un proyecto de Matt Varone que nos ayudará en la tarea. Sólo tendremos que subir nuestra imagen que se compondrá de los 3 estados básicos de la barra de navegación en un sólo fichero, seleccionar el aspecto de nuestro estado normal y seleccionar los diferentes botones de los que está compuesta.
Una vez hayamos dividido nuestra imágen, sólo tendremos que introducir el nombre de los diversos enlaces que la compondrán y recoger nuestro código xHTML y CSS, perfectamente válido y en unos segundos.
Para que os hagáis una idea más clara de cómo funciona lo mejor es que veáis un video explicativo o hagáis vuestras pruebas con la imágen de ejemplo.
CSS Navigation Bar Code Generator: http://lab.mattvarone.com/navbar/
Si te ha gustado este post no olvides suscribirte al feed para estar al tanto de las novedades
Alojado en RedCoruna Hosting
¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información
El principal motivo por el que no recomiendo utilizar Smarty es porque el propio PHP tiene una sintaxis embebida, lo que permite utilizarlo sin más para escribir plantillas web.
Guerra Creativa es una comunidad para Creativos. Nosotros te proporcionamos el campo de batalla y el armamento para conquistar el mundo creativo. A través de concursos de diseño web y de logos, l…
Con este Ebook puedes tener un sitio web con hospedaje y domino gratis, ademas de un CMS gratis, no debes registrarte en nada, lo unico que debes hacer es luego de leerlo compartirlo, regalarlo, si…
Lista de 32 sitios para descargar imagenes gratis, es una recopilacion de no uno ni dos sino 32 Bancos de Imagenes
Post para aprender a descargar las conocidas librerías de Evermotion para diseñadores que trabajan con 3Ds Max.
¿Qué medidas de seguridad se tienen en cuenta en el momento de implementar una subida de archivos en PHP?
¡Hola!
El componente Auth del framework CakePHP guarda las páginas en la memoria cache de IE7 (o eso es lo que creo haber entendido).
Para que no lo haga, he añadido los campos Ca…
Theresa Neil realizó un extraordinario análisis de 12 diseños estándar de interfases web como parte de su libro Diseñando Interfases Web: Principios y pautas para la interacción
50 herramientas extremadamente útiles para PHP
Tendencias de diseño de botones de ”llamada a la acción”
Ver más noticias de los usuarios
