Los sitios con una apariencia atractiva son muy populares entre los visitantes. Para mejorar la apariencia del recurso, sus propietarios generalmente cambian total o parcialmente el diseño. Desafortunadamente, agregar nuevos elementos coloridos para la decoración de la página lleva mucho tiempo. Una forma rápida de captar la atención de los visitantes de los recursos es reemplazar el cursor habitual por una imagen pequeña. Para instalar dicho elemento en el sitio, debe realizar algunos pasos simples.
Es necesario
- - sitio propio
- - tener al menos conocimientos básicos de HTML
- - saber dónde está el código CSS en el sitio
Instrucciones
Paso 1
Primero, descargue una imagen que reemplazará al puntero en el sitio. Las imágenes de formatos gráficos comunes (.bmp,.gif,.jpg,.png, etc.) no son adecuadas para este propósito.
Paso 2
Para reemplazar el puntero, necesita una imagen en formato.cur o.ani. Para obtener una imagen de este tipo, busque en Internet imágenes especialmente diseñadas para cursores. La extensión.cur es específica para imágenes estáticas y la extensión.ani es específica para imágenes animadas. Guarde el archivo que le gusta en su computadora.
Paso 3
Pero para cambiar el puntero, no es necesario tomar la imagen terminada. Si desea hacer una imagen usted mismo, utilice uno de los programas especiales para crear cursores o convertir formatos de archivos gráficos.
Paso 4
Complete la imagen del cursor en el sitio. Luego, en el código del recurso, busque la etiqueta y realice los siguientes cambios:
En lugar de escribir "images / 1.ani", indique la ruta a la imagen cargada en su sitio.
Paso 5
Si desea que el cursor tenga la forma de una imagen al pasar el cursor sobre el enlace, y cuando esté en ausencia del elemento de enlace, para que se vea como otra imagen, entonces es mejor usar CSS para cambiar el puntero. Para realizar tales transformaciones, primero cargue otro archivo con la extensión.cur o.ani al sitio.
Paso 6
Luego, en el CSS de su sitio, ingrese "body {cursor: url ('1.ani');}", en lugar de "1.ani", especifique la ruta a la imagen principal para el cursor subido al sitio. Este código agrega la propiedad para cambiar el cursor a la imagen especificada a la etiqueta en la que está escrito el contenido de todas las páginas del recurso.
Paso 7
Luego, escriba en CSS la línea "a {cursor: url ('2.ani');}", reemplazando "2.ani" con la ruta a la imagen del cursor cargada en el recurso, que debería aparecer cuando se pasa el puntero sobre el enlace. La entrada realizada le permite reemplazar el cursor con la imagen correspondiente cuando el puntero golpea cualquier enlace en el sitio, ya que realiza cambios en la propiedad de la etiqueta.
