Tecnología

Inicio

Cómo cambiar un código de cursor

September 9

código cursor se encuentra el código HTML y CSS que cambia lo que es un puntero del ratón se ve como cuando navega por un sitio Web. Puede cambiar el código del cursor en una página web para que cuando un usuario se desplaza o mueve el ratón sobre una parte de su sitio Web, el puntero del ratón cambia de la flecha regular para otra cosa.

Instrucciones

1 Abra el documento HTML para el que desea cambiar el código de cursor en un editor de texto plano o en la sección de codificación de la aplicación desarrollador Web.

2 Busque la sección <head> de su código y pulse "Enter" o "Return" para comenzar una nueva línea de código.

3 Tipo <style type = "text / css"> y luego presionar "Enter". Escriba .classa {cursor: xxx} y pulse "Enter". Puede cambiar "es Clase A" a cualquier cosa que desee; este es el nombre de clase para el cursor.

4 Cambiar el "xxx" para el tipo de cursor que desea. Reemplazarlo con "ayuda" si desea que un cursor signo de interrogación. Reemplazarlo con "puntero" si quieres un cursor de la mano. Reemplazarlo con "espera" si quieres un cursor de reloj de arena. Reemplazarlo con "punto de mira" si quieres un puntero de precisión. Reemplazarlo con "mover" si quieres un cursor de puntero de cuatro flechas.

5 Escriba </ style> para cerrar la etiqueta de estilo.

6 Localizar las etiquetas <body> en el documento HTML. Tipo <clase h1 = "es Clase A"> nuevo cursor </ h1>, reemplazando "es Clase A" con el nombre de la clase de estilo. Cada vez que un usuario mueve el puntero del ratón sobre "nuevo cursor", el cursor se convertirá en el cursor especificado.

7 Guarde la página HTML.

Consejos y advertencias

  • Si desea utilizar una imagen como el cursor, cambiar la etiqueta {cursor de un cursor: xxx} a {cursor: url (http://www.website.com/your/image/here.jpg), auto}, reemplazando la dirección web con la ubicación del archivo de imagen.