Cambiar cursor del ratón en la web

[Tarzan]

Alguien podría explicarme como puedo cambiar el cursor tìpico del ratón en mi página web?... Me gustaría utilizar otro icono que no sea la flechita blanca..

Pero no sé como cargar un icono diferente...

Gracias

[Acade]

Hola, hacé esta misma pregunta en el foro de Flash.
Saludos

[izar]

<style type="text/css">
<!--
body {cursor : url("ruta/micursor.cur")}
-->
</style>

[peloteitor]

Iniciado por Acade

Hola, hacé esta misma pregunta en el foro de Flash.
Saludos

En el foro de Flash??

[X.Cyclop]

Iniciado por Acade

Hola, hacé esta misma pregunta en el foro de Flash.
Saludos

El quiere cambiar el cursor de la página, no el de un SWF, así que el tema va por Css.

Subes tu *.cur,*.ani a tu servidor y en el encabezado pones lo que dijo izar:

Código:

<style type="text/css">

body {cursor : url("ruta/micursor.cur")}

</style>

No me gusta con los comentarios, por eso los quité.

[Tarzan]

Gracias chicos, con este código:

<style type="text/css">
body {cursor : url("ruta/micursor.cur")}
</style>

consigo que aparezca mi cursor en la web... pero ahora me gustaría utilizar otro cursor de cosecha propia cada vez que me sitúo sobre un enlace... He leido el artículo publicado sobre este caso pero no me ha quedado claro y no consigo hacerlo bien..

Windows tiene varios cursores para según que estado.. Gracias a vuestro código he modificado el estado "default"... Ahora quiero modificar el estado "pointer" (situar el cursor sobre un enlace) y en lugar de la mano blanca quiero cargar un .cur... ¿Como es el código?

Gracias por todo.

Un saludo.

[JavierB]

Hola Tarzan

Es casi igual, pero en lugar de ponerselo al body se lo pones a las etiquetas a

Código:

<style type="text/css">
a {cursor:url('cursor.cur'),default}
</style>

He añadido default para que funcione también en Firefox.

Saludos,

[Tarzan]

Gracias Javier,

Ahora tengo en el body:

cursor: url(../Cursores/CursorDefault.cur);

y para el efecto mouseOver

A {cursor: url('../Cursores/CursorMOver.cur'), default }

Pero cada vez que pulso sobre un enlace el cursor me cambia al típico reloj de arena predefinido en windows y me gustaría poner uno personalizado..

¿Como puedo definir un cursor para el estado Wait?... Lo he probado como etiqueta A pero no lo consigo... y en el body sólo puedo cargar el cursor DEFAULT ¿verdad?..

Gracias por todo y siento ser tan pesadito con esto de los cursores..

[X.Cyclop]

a:link { } /*Normal*/
a:active {} /*Activo*/
a:visited {} /*Visitado*/
a:hover {} /*Sobre (el link)*/

[Tarzan]

Gracias X.Cyclop,

No sabía que podía utilizar la etiqueta A con el estado (visited, link, hover..) para los cursores.. Ahora me cambia el icono a mi gusto..

Sin embargo hay algo que no me gusta y e que cuando pincho en un link que abre otra página... el Explorer se hace un pequeño lio y muestra durante unos instantes el cursor con el ICONO PREDEFINIDO DE WINDOWS... la flechita blanca o el reloj...

A veces incluso se queda con la flecha blanca y tengo que mover el mouse para que refresque la imagen y muestre mi icono predefinido..

Es como si el explorer, primero actuara según sus propias normas y después leyera mi código y efectuara el cambio... Pero me parece un poco chapuza que esté el cursor parapadeando y cambiando de icono mientras pincho..

Imagino que esto le habrá pasado a varios..

¿No hay ninguna forma de evitar esto?... ¿Cómo le indico un cursor para el estado Wait?.. (el link, visited, hover y active no me valen para este caso)..

Gracias por todo.

[X.Cyclop]

Será porque tarda unos segundos en cargar la página y muestra el cursor que tienes como "reloj" (busy).

[Tarzan]

Sí... tarda unos segundos y por eso me muestra el reloj blanco predefinido de windows... yo quiero cambiar ese cursor por uno propio...
¿Alguien sabe como?

Gracias.