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.

Manual de HMTL fácil de comprender y sencillo, aprender HTML desde cero es fácil con este curso. Indispensable para cualquiera que quiera aprender a ser un webmaster.

Ir al manual

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:

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

Existen varias maneras de proteger nuestro servidor del robo de ancho de banda, unas veces por desconocimiento y otras por ahorarrse espacio en sus sitios, intentan robar nuestro ancho de banda por medio de hotlinking de imagenes pertenecientes a nuestra Web/Blog.

Una de las maneras es editar el archivo. Htaccess ubicado en la carpeta raíz WordPress y añadir este código:

El único problema con esta solución es que las imágenes no serán visibles para los lectores RSS.  

RewriteEngine On
#Replace ?mysite\.com/ with your site url
RewriteCond %{HTTP_REFERER} !^http://(. \.)?mysite\.com/ [NC]
RewriteCond %{HTTP_REFERER} !^$
#Replace /images/no-hotlink.jpg with your &quot;no hotlink allowed&quot; image url
RewriteRule .*\.(jpe?g|gif|bmp|png)$ /images/no-hotlink.jpg [L]