-
Cómo cambiar un cursor en HTML
-
Habilitación de cursores personalizados en una página web puede resultar en un efecto estéticamente agradable que mejora considerablemente la experiencia del usuario. Con algunas instrucciones para el estilo estratégicamente colocados incrustados en el código HTML (HyperText Markup Language) de la página, el cursor puede llegar a ser un complemento elegante para el diseño general.
Instrucciones
1 Decidir cuál de cursor para utilizar en la página web y en el que se activará. El desarrollador web puede querer un nuevo cursor activo a lo largo de toda la página para que coincida con un estilo o tema. Por otra parte, los diseñadores web a menudo se activan nuevos cursores sólo cuando un usuario mueve el puntero sobre un lugar determinado de la página (como un vínculo o una imagen específica) para enfatizar información.
2 Abra el archivo HTML en el editor de texto. Cuándo o dónde se activa el cursor donde dictarán para navegar en el código. Para hacer que el cursor el valor predeterminado para toda la página web, vaya a la sección de "cuerpo" del archivo. (La sección del cuerpo está encerrado dentro de las etiquetas <body> </ body> etiquetas HTML.) Para activar el cursor sobre un elemento específico, vaya a dicho elemento en el documento. Por ejemplo, si el cursor deseado debe activar más de un párrafo de texto, a continuación, insertar el código en el elemento de párrafo (<p> </ p>) que contiene el texto. Por ejemplo, el código contiene tanto las etiquetas del cuerpo y de párrafo:
<Html>
<Body> <p> Esta es una página de cruz </ p> </ body>
</ Html>3 Si se utiliza un cursor para toda la página, insertar el código para cambiar el cursor en el elemento "cuerpo". Por ejemplo, si el cursor se convertirá en el punto de mira sobre toda la página, a continuación, el elemento de "cuerpo" será similar a esto:
<Estilo de la carrocería = "cursor: punto de mira"> <p> Esta es una página de cruz </ p> </ body>
Cuando se interpreta por un navegador web, el código dentro de una página web que permitirá un puntero en cruz (véase la referencia 1).
4 Si cambia el cursor para una ubicación particular en la página, inserte el código en las etiquetas que contienen el elemento. Por ejemplo, cambiando el cursor sobre el párrafo que se muestran de texto en una página web en lugar de toda la página tiene un aspecto similar a este:
<Body> <p style = "cursor: punto de mira"> Esta es una página de cruz </ p> </ body>
Ahora el cursor sólo se cambiará a una cruz cuando se cierne sobre el texto (ver referencia 1).
Consejos y advertencias
- El diseñador puede proporcionar imágenes para cursores en lugar de utilizar los proporcionados por defecto (como el puntero de precisión). cursores web se almacenan con el ".cur" extensión de archivo (que están disponibles para su descarga gratuita desde numerosos sitios web). Para utilizar un cursor descargado, guardar el archivo ".cur" en el mismo directorio que el archivo HTML. A continuación, modificar el código de "estilo" que se utiliza para cambiar los cursores para hacer referencia al archivo, similar a esto:
- <Body> <p style = "cursor: url ( 'filename.cur)"> Esta es una página de la página de encargo del cursor </ p> </ body>
- Ahora, al colocar el cursor sobre el texto "Esta es una página de encargo del cursor," el puntero del ratón se convertirá en la imagen "filename.cur" (ver referencia 2).
