Foros del Web » Creando para Internet » CSS »

Puntero del raton personalizado por css

Estas en el tema de Puntero del raton personalizado por css en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 15/08/2010, 00:32
 
Fecha de Ingreso: mayo-2009
Mensajes: 27
Antigüedad: 8 años, 6 meses
Puntos: 1
Puntero del raton personalizado por css

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:

<!--Para colocarlo en un enlace-->
<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
  #2 (permalink)  
Antiguo 15/08/2010, 01:57
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.827
Antigüedad: 9 años, 9 meses
Puntos: 953
Respuesta: Puntero del raton personalizado por css

si es un solo cursor para todo usa

Código CSS:
Ver original
  1. *{cursor : url("ruta/nombre_cursor.extension") }

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

Código CSS:
Ver original
  1. body {cursor : url("ruta/nombre_cursor.extension") }
  2.  
  3. a:link{cursor : url("ruta/cursor_link.extension") }
  4. a:active{cursor : url("ruta/cursor_active.extension") }
  5. a:visited{cursor : url("ruta/cursor_visited.extension") }
  6. a:hover{cursor : url("ruta/cursor_hover.extension") }

creo que eso te deberia funcionar
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #3 (permalink)  
Antiguo 15/08/2010, 15:15
 
Fecha de Ingreso: mayo-2009
Mensajes: 27
Antigüedad: 8 años, 6 meses
Puntos: 1
Respuesta: Puntero del raton personalizado por css

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:
<!--Para colocarlo en un enlace-->
<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.
  #4 (permalink)  
Antiguo 15/08/2010, 15:21
Avatar de arthpix  
Fecha de Ingreso: diciembre-2003
Ubicación: Cancún
Mensajes: 2.340
Antigüedad: 14 años
Puntos: 93
Respuesta: Puntero del raton personalizado por css

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.
__________________
Antes de hacer rabietas infórmate: Linux != Windows
  #5 (permalink)  
Antiguo 15/08/2010, 15:40
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Puntero del raton personalizado por css

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 original
  1. a: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
  #6 (permalink)  
Antiguo 15/08/2010, 18:05
 
Fecha de Ingreso: mayo-2009
Mensajes: 27
Antigüedad: 8 años, 6 meses
Puntos: 1
Respuesta: Puntero del raton personalizado por css

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.

Etiquetas: puntero, raton, personalizacion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:44.