Como hacer cursores personalizados

Como hacer cursores personalizados

Jazz encima de su diseño de sitio web mediante la creación de un cursor personalizado. Mientras que el efecto puede ser avanzado, puede hacer un cursor personalizado en unos pocos pasos.

Instrucciones

• Abra su elección de programas de software de gráficos y crear una nueva imagen. Puede utilizar Paintshop Pro, GIMP o cualquier otro programa de gráficos que es compatible con las extensiones de archivo correcto. Esta imagen debe ser no más de treinta y dos treinta y dos píxeles. Cursores más grandes que esto no funcionará. Mantener el fondo de la imagen transparente.

• Dibujar la forma de cursor deseado utilizando la paleta de colores segura de web. Ampliación del archivo gráfico y usando una grilla para ver los píxeles es una buena idea. Luego dibujar la forma del cursor personalizado deseado con la herramienta lápiz o pincel de tu programa gráfico. Dibujar una forma simple que coincide con su diseño de página web.

• Guardar el gráfico terminado como un archivo .cur o. ani. El .cur es la extensión de archivo para los cursores. La extensión de archivo. Ani es para gráficos animados. Cursores de sólo funcionará en estos dos formatos. Incluso si no se anima, puede guardar un gráfico como un archivo. ani.

• Subir el gráfico terminado cursor personalizado a su servidor web o cuenta de hospedaje. Copiar la gráfica URL (dirección web) para su uso en el código que le dirá a su sitio de Internet para utilizar el diseño de cursor personalizado.

• Pegue este código: < estilo ><!--cuerpo {cursor:url("yourimage.cur");}--> < / estilo > directamente sobre la etiqueta de cabeza de código HTML de su sitio Web. Vuelva a colocar la CURSOR.gif con la dirección web real de la imagen del cursor personalizado cargado en el paso cuatro. Ahora han hecho un cursor personalizado que coincida con su sitio de Internet.

Consejos y advertencias

  • Mantener cursores simples para un máximo impacto.
  • Cursores animados tardan más en cargar.

© 2021 Usroasterie.com | Contact us: webmaster# usroasterie.com