Suscripcion RSS
Ultimos articulos:
- Rendera nos ayuda a conocer la web que viene…
- Extensiones Firefox útiles para diseño web
- Support Details | Veamos qué usa nuestro cliente…
- Plugins Premium para WordPress realmente utiles
- Bamboo Invoice, control de facturas simple
- Escaneo 3D y realidad aumentada… con una webcam.
- Custom Facebook Page Gallery – Una galeria de inspiración sobre páginas creadas en Facebook
- Freeminders : Themes WordPress
- Ninite: Descarga masiva de software gratuito
- 12 increibles sitios que te ayudarán a descubrir las mejores aplicaciones Web
Enlaces (Castellano):
- Creativo
- Cristalab
- Criterion
- CSSBlog
- Diego Mattei
- Francesco Mugnai
- Fuel your creativity
- Grafico Picante
- Inspired Magazine
- IsoPixel
- Just Creative Design
- Maquetadores
- Neutron Gráfico
- Phothosop Latino
- Photoshop Lady
- Portafolio blog
- Qué hay D-News - Video noticias de diseño
- Samuel Bran
- Tutorial9
- Veerle’s Blog
- Xyberneticos
Enlaces (Ingles):
- Abduzeedo
- BitBox
- Creative Nerds
- Decent Weblog
- Design M.ag
- Design You Trust
- Dzine Blog
- Hongkiat
- instantShift
- Line25
- Noupe
- Outlaw Design Blog
- PSD Tuts Plus
- Smashing Apps
- Spoon Graphics
- Vandelay Design Blog
- W3Avenue
- Webdesigner Depot
- You the designer
Partner links
Destacados
Modelado de una mosca en Blender (Time Lapse)Categorias:
- 3D
- Buscadores
- Creatividad
- css
- Desarrollo
- Designios
- E-Commerce
- Fonts
- Fotografía
- Herramientas
- Humor
- Iconos
- Illustrator
- Inspiracion
- Mac
- Noticias
- Photoshop
- Stocks
- Tutoriales
- Wallpapers
- Webs
- wordpress
Archivo Mensual
- Abril 2010
- Marzo 2010
- Febrero 2010
- Noviembre 2009
- Octubre 2009
- Agosto 2009
- Julio 2009
- Junio 2009
- Mayo 2009
- Abril 2009
Meta
Entrada publicada el Jueves, 9 de Julio de 2009 a las 18:54 en la categoria Herramientas, css. Puedes seguir cualquier comentario a esta entrada a traves de su propio hilo RSS 2.0.
SlickMap CSS – Un sitemap visual para desarrolladores web
9 de Julio de 2009 | Herramientas, css
SlickMap CSS es una sencilla hoja de estilo para mostrar Sitemaps en HTML directamente en el navegador. Es adecuado para la mayoría de sitios web – con capacidad para tres niveles de la página de navegación y otros enlaces de utilidad – y pueden ser fácilmente personalizados para satisfacer nuestras propias necesidades individuales de marca, estilo o preferencias.
La idea principal de SlickMap es simplificar el proceso de diseño Web mediante la automatización de la ilustración de sitemaps al mismo tiempo que permite la vistas previas de navegación HTML funcional.
Características y Beneficios
- Elimina la necesidad de software adicional
- Facil revision del mapa web con los clientes sobre la marcha
- Enlaces clickeables a cada una de las paginas.
- Proceso de diseño de los resultados del trabajo en código HTML
Modo de uso
- Crea un archivo HTML con una lista desordenada de enlaces. Asegúrate de incluir los enlaces. Index.html para ver el formato correcto.
- Aplicar slickmap.css como lo harías con cualquier otro estilo, utilizandolo tanto como para pantalla como para impresion tal y como vemos aqui:
<link rel=”stylesheet” type=”text/css” media=”screen,print” href=”slickmap.css” />
- Dentro del archivo HTML, el enlace a su página de inicio debe de estar en la parte superior de la lista desordenada y con el id #home. Esto es necesario para que de esta partan el resto de paginas añadidas en el arbol.
- Con el fin de cambiar el número de columnas, es necesario cambiar el ancho de el elemento #PRIMARYNAV LI, que puedes encontrar en la parte superior del archivo SLICKMAP.CSS. Aviso, es posible que Microsoft Internet Explorer presente algunas anomalias al presentar la pagina debido a un problema de redondeo de numeros
- Dependiendo de cómo utilizes estos archivos, puede que sea necesario cambiar las rutas a las imagenes en el fichero CSS.
SlickMap CSS está disponible para su descarga en Astuteo. Aquí puedes ver la demo.
Deja un comentario!