Cómo cambiar punteros del ratón para Ratas en HTML

August 16

El ratón del ordenador se llama así porque se asemeja al pequeño animal peludo llamado un ratón. En la pantalla, sin embargo, el puntero del ratón por lo general toma una forma más práctica, como una flecha para señalar o una barra vertical para insertar el texto. Sin embargo, usted tiene la capacidad de cambiar los punteros de ratón de visitantes a su sitio web utilizando el código Cascading Style Sheet (CSS) en sus documentos HTML. Cuando alguien visita su sitio web, recordarles el peculiar nombre de su dispositivo señalador al convertir su puntero del ratón en una rata.

Instrucciones

Hacer la rata con la línea del cursor fabricante

1 Navegue hasta la línea del cursor fabricante. Vea la sección Recursos para el enlace.

2 Seleccione el color base de la rata utilizando el selector de color en la parte derecha de la interfaz del editor. Las ratas son generalmente de color marrón, negro o gris.

3 Dibujar la rata en la red en el medio de la interfaz con las herramientas de encima de ella. Elegir nuevos colores para las diferentes partes de la rata, según sea necesario. Trata de llenar la rejilla tanto como sea posible.

4 Tipo de "rata" en el campo "Nombre de archivo" en la parte inferior de la interfaz y haga clic en "Descargar" para guardar el archivo en su ordenador.

Haciendo la Rata con AniFX

5 Descargar e instalar AniFX de www.icofx.ro/anifx/index.html.

6 AniFX lanzar desde el menú Inicio o de escritorio. Descartar el "Consejo del día" ventana con el botón "Cerrar". Aparece la interfaz AniFX.

7 Haga clic en el botón de página en blanco en la esquina superior izquierda de la ventana para crear un nuevo documento. Haga clic en "Aceptar" en el cuadro de diálogo que aparece y su documento aparece en la interfaz principal.

8 Seleccione un color en la ventana de "colores" y luego dibujar la rata en su nuevo documento utilizando las herramientas de la ventana "Herramientas". Cambiar los colores según sea necesario para las diferentes partes de la rata y tratar de llenar todo el espacio del documento.

9 Haga clic en el icono del disco en la esquina superior izquierda de la ventana y luego encontrar y elegir una ubicación para el puntero de la rata en su ordenador. Tipo de "rata" en el campo "Nombre de archivo" y haga clic en "Guardar".

Haciendo la Rata con JustCursors

10 Descargar JustCursors de download.CNET.com.

11 JustCursors lanzar desde la ubicación que ha descargado a. No es necesaria la instalación.

12 Seleccione un color en la ventana "Herramientas" y luego elija una herramienta de dibujo en la misma ventana. Dibujar la rata en la ventana "Untitled.cur", el cambio de colores y herramientas de dibujo según sea necesario. El color azul de llenar el documento de forma predeterminada será transparente en el puntero real.

13 Haga clic en el menú "Archivo" y luego elegir la opción "Guardar como". Buscar y elija una ubicación para el puntero de la rata en su ordenador. Tipo "rat.cur" en el "Nombre de archivo" y haga clic en "Guardar".

La liberación de la Rata Online

14 Sube el archivo "rat.cur" que ha creado en el servidor Web.

15 Inserte el siguiente código entre las etiquetas "cabeza" de su documento HTML:

cuerpo{

cursor: URL (rat.cur)

}

</ Style>

Escriba la ruta completa al archivo "rat.cur" entre los paréntesis si no está en el mismo directorio que el documento HTML.

dieciséis Guarde la página Web y vaya a él con su navegador. Cuando el puntero del ratón entra en el área de la página, aparece la rata.