Tutorial: Auto Scroll para tu web

Vista previa

Una imagen vale mas que mil palabras…

En muchas ocasiones interesa poner links en un gráfico para captar la atención del visitante. En este tutorial, zonas activas o mapa de imagenes,  explico una forma de hacerlo muy sencilla utilizando un pequeño programa “ImageMapper“.

En el gráfico puedes comprobar las zonas activas.

En CSSTea puedes encontrar 120 ejemplos de menú horizontal para tu sitio en CSS, con estos menus vamos aprender hacer un buen diseño para crear una web de facil navegación.

Definición de .htaccess segun Wikipedia (en ingles)

.htaccess (Acceso de Hiper-Texto) es el nombre por defecto del archivo de configuración de directorios de Apache. Provee de la habilidad para personalizar la configuración de las directivas definidas en el archivo de configuración principal.
Las directivas de configuración necesitan estar en el contexto de .htaccess y el usuario necesita los permisos apropiados.

 Código para añadir a los enlaces una descripción al pasar el ratón.

Le agregamos la propiedad “title” y la propiedad “alt”, para que el texto sea visible en IE y Firefox, seguido del texto que queremos que aparezca al pasar el cursor, en este ejemplo le añadi “La Buhardilla“.

(Pasa el cursor por el enlace)

La Buhardilla Pixel

Ver código:

Es muy frecuente encontrarnos con con directorios y que todas sus carpetas esten visibles para los curiosos, un buen ejemplo es el de wp-plugins(ver ejemplo) y  wp-content (ver ejemplo), de Wordpress, si entras en cualquier blog: www.tusitio.com/wp-plugins veras que en una gran mayoria se pueden ver las carpetas con los plugins del blog.

Todos sabemos que los iframe son muy útiles en numerosas ocasiones, pero tienen el inconveniente que no se llevan demasiado bien con los buscadores…

Bueno, pero la idea es evitar su uso dentro de contenidos, para así impedir la limitada accesibilidad que nos entrega (no todos los browsers lo interpretan) y que sea indexado separadamente por los buscadores (así como ocurre con los <frame>, que tienen la misma lógica). Mediante CSS lograremos el mismo fin, el de poder diagramar un espacio donde el contenido fluya a través de scroll vertical. Pero todo dentro de la misma página.

Demo