Hola =)... Bueno, si desear poner el cursor para toda la página, deberás colocar
el siguiente código en alguna parte de tu archivo CSS:
* {cursor: url("tu_cursor.cur")}
Ten en cuenta que tu cursor debe ser un archivo .cur, es decir que no puede ser
una imagen simple. Si sólo deseas que se vea ese cursor sobre ciertos elementos
(por ejemplo, los links, o así), sólo agrega la instrucción {cursor: url("tu_cursor.cur")}
a la clase deseada en la hoja de estilo (en el caso de los links sería:
a {cursor: url("tu_cursor.cur")}
porque "a" es la instrucción de clase para los links, mientras que el "*" de la primera
instrucción que te dejé representa a TODOS los elementos, clases y ID de la página).
Si lo que deseas es poner un cursor predefinido, en lugar de un cursor personalizado,
la instrucción sería:
* {cursor: value}
donde value puede ser:
Look |
Values |
Example |
|
default |
cursor:default |
|
crosshair |
cursor:crosshair |
|
hand |
cursor:hand |
|
pointer |
cursor:pointer |
|
Cross browser |
cursor:pointer;cursor:hand
|
|
move |
cursor:move |
|
text |
cursor:text |
|
wait |
cursor:wait |
|
help |
cursor:help |
|
n-resize |
cursor:n-resize |
|
ne-resize |
cursor:ne-resize |
|
e-resize |
cursor:e-resize |
|
se-resize |
cursor:se-resize |
|
s-resize |
cursor:s-resize |
|
sw-resize |
cursor:sw-resize |
|
w-resize |
cursor:w-resize |
|
nw-resize |
cursor:nw-resize |
|
progress |
cursor:progress |
|
not-allowed |
cursor:not-allowed |
|
no-drop |
cursor:no-drop |
|
vertical-text |
cursor:vertical-text |
|
all-scroll |
cursor:all-scroll |
|
col-resize |
cursor:col-resize |
y de = manera puedes ponerlo a todos los elementos, o solo a una clase en específico:
a {cursor: value}
Espero que haya sido de ayuda. Cualquier duda quedo a tus órdenes.
Besos, Sherry