Puntero del raton personalizado por css

kingflower · #1 (**permalink**) 14/08/2010, 23:32

Una pregunta quiera que me ayudaran a resolver una cuestion como le puedo hacer por medio de css para cambiar el puntero del mouse por uno personalizado especificamente lo que quiero es saber como estructurar el css para indicarle que cambie el cursor en lo siguiente (a:link, a:active, a:visited, a:hover) voy a esto por lo siguiente, resulta que he utilizado el siguiente codigo:

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

y si me ha funcionado ya que me ha mostrado el cursor que quiero, pero sucede algo que cuando me posiciono sobre un link en lugar de mostrar mi cursor me muestra la clasica "manita", entonces por ahi lei que se puede hacer que se muestre siempre el mismo cursor utilizando css ya sea en un link normal, activo, visitado o al posicionarse sobre el link, pero no se como se hace espero una respuesta favorable, antes de que se me olvide tambien he usado esto:


<a href=# style="CURSOR: url('cursor.cur')">

pero tengo demasiados links, y seria demasiado poner la misma instruccion en cada <a href=>, asi que si se puede simplificar es mucho mejor, GRACIAS

ArturoGallegos · #2 (**permalink**) 15/08/2010, 00:57

si es un solo cursor para todo usa

Código CSS:

Ver original*{cursor : url("ruta/nombre_cursor.extension") }

si es uno para el body y uno diferente para los enlaces

Código CSS:

Ver originalbody {cursor : url("ruta/nombre_cursor.extension") }
 
a:link{cursor : url("ruta/cursor_link.extension") }
a:active{cursor : url("ruta/cursor_active.extension") }
a:visited{cursor : url("ruta/cursor_visited.extension") }
a:hover{cursor : url("ruta/cursor_hover.extension") }

creo que eso te deberia funcionar

kingflower · #3 (**permalink**) 15/08/2010, 14:15

Que tal Ag666 gracias por responder bueno tengo una duda ya que puse el codigo para poner un mismo cursor para toda mi pagina y si se muestra el cursor que quiero pero cuando me posiciono sobre un link me muestra la clasica manita regreso a lo que preguntaba sera necesario que ponga el siguiente codigo:

<a href=# style="CURSOR: url('cursor.cur')">
obligatoriamente en cada uno de los enlaces para que me muestre el cursor que quiero, por que lo que yo queria es que con siguiente instruccion:
A:hover
{cursor: url("'cursor.cur'),
}
me mostrara el cursor para todos los links al posicionarme en cada uno de ellos, bueno no se si sea muy dificil lo que pido o de plano no se como hacerlo porfavor si alguien me explica y me ayuda se lo agradezco.

arthpix · #4 (**permalink**) 15/08/2010, 14:21

Si no está apareciendo el cursor que quieres sobre los links es probablemente por que escribiste "A:hover" en lugar de "a:hover" en el css.

kseso? · #5 (**permalink**) 15/08/2010, 14:40

Si va usted a utilizar una imagen propia para personalizar el cursor, sería conveniente no perder de vista la diferencias que hay entre navegadores sobre los formatos soportados.
Así que para evitar situaciones no deseadas, sería conveniente que definiese varios tipos y uno genérico (del sistema del propio navegador).
Algo parecido a:

Código CSS:

Ver originala:hover { cursor: url(mi_help.svg), url(mi_help.cur), help; }

También recuerde que lo que para algunos es /pointer/ para ie es /hand/, etc.

Atentamente

kingflower · #6 (**permalink**) 15/08/2010, 17:05

Muchas Gracias a los tres por las respuestas y sugerencias gracias a eso ya me quedo claro y ya encontre la solucion adecuada a mi problema Un saludo desde Tlaxcala, México.