Sobre cursores

Continuamente vemos cursores pero no le prestamos atención quizás porque estamos familiarizados y se ha convertido en algo rutinario, el más conocido es "pointer" esa manito informando que nos encontramos ante un enlace.

En nuestro blog podemos observar dos tipos de cursores "pointer" para los enlaces y "move" en la plantilla de diseño para arrastrar las etiquetas de los gadgets, podemos cambiar el tipo de cursor a nuestro antojo incluso añadir alguno creado por nosotros pero antes debemos saber donde incluirlo.

En las hojas de estilo de nuestra plantilla ubicamos body allí se encuentran los estilos del cuerpo de la plantilla, color de fondo, texto, tipo de letra, tamaño, alineación...
Un poco más abajo tenemos los estilos de los enlaces.

a:link es el enlace tal y como lo vemos.
a:visited los enlaces visitados.
a:hover es el efecto de los enlaces al pasar el puntero.

Si deseamos cambiar el puntero de los enlaces tendríamos que añadir "cursor:tipo de cursor"

a:hover {

color:#940f04;

cursor:move;

}

"Este texto es un ejemplo de cursor move"

¿Podemos personalizarlo?
cursor:url('url-imagen')
(Donde url-imagen debemos añadir la url de nuestra imagen)

"Este texto es un ejemplo de cursor con imagen"

El tema navegadores nos lo pone complicado, hasta donde yo sé el único formato compatible con Firefox y Explorer es el formato .cur

Aquí unas referencias extraídas de Vagabundia

Internet Explores soporta CUR o ANI.

Firefox soporta imágenes PNG, JPG, CUR y GIF

Cuando se da el caso de usar cursores personalizados es conveniente añadir también un cursor estándar, de esa forma en caso de no poder mostrarse el cursor personalizado se mostrará el estándar.
cursor: url(url-imagen),pointer;



No debemos olvidar que la finalidad de los cursores es informar al usuario de lo que se encuentra detrás de ese elemento que estamos señalando y cada uno tiene un significado que todos conocemos,las visitas agradecerán una información clara no les hagamos jugar a las adivinanzas.

                                                                                                                                                                                                                                  

auto	Pasa el cursor
crosshair	Pasa el cursor
default	Pasa el cursor
pointer	Pasa el cursor
move	Pasa el cursor
e-resize	Pasa el cursor
ne-resize	Pasa el cursor
nw-resize	Pasa el cursor
n-resize	Pasa el cursor
se-resize	Pasa el cursor
sw-resize	Pasa el cursor
w-resize	Pasa el cursor
s-resize	Pasa el cursor
text	Pasa el cursor
wait	Pasa el cursor
progress	Pasa el cursor
help	Pasa el cursor