Tecnología

Inicio

Cómo hacer un cursor en HTML

Cómo hacer un cursor en HTML


La creación de su propio blog o sitio web es una forma ideal para compartir sus pensamientos e ideas con nadie en el mundo. Tener una mirada actualizada y moderna de su sitio web es una manera de ganar nuevos fans y mantener a los visitantes leales a volver. Cambiar el cursor del ratón usando HTML cuando se navega por su sitio web es posible sin un amplio conocimiento de programación. Un cursor diferente le dará a su sitio web una ventaja creativa, mientras que por lo que es memorable también.

Instrucciones

1 Abrirá la página principal de su sitio web, o en la página en la que desea añadir un cursor HTML. Si actualmente utiliza CSS (hojas de estilo) y el estilo incluye, la utilización de su página principal o en la página web con la información "de cabecera" que funciona mejor cuando se utiliza el cursor HTML a través de toda la página en lugar de una página a la vez.

2 Desplazarse hasta la línea de abajo "<head>" en el archivo que se está editando y entre:

"<Style type =" text / css ">

.auto {cursor: auto}

.default {cursor: default}

.text {cursor: texto}

.help {cursor: help}

.pointer {cursor: puntero}

.e-redimensionamiento {cursor: e-redimensionamiento}

.NE el redimensionamiento {cursor: ne-resize}

.nw el redimensionamiento {cursor: nw-redimensionamiento}

.n-redimensionamiento {cursor: n-redimensionamiento}

.es el redimensionamiento {cursor: se-resize}

.SW el redimensionamiento {cursor: sw-redimensionamiento}

.s-redimensionamiento {cursor: s-redimensionamiento}

.w el redimensionamiento {cursor: w-redimensionamiento}

.wait {cursor: espere}

.crosshair {cursor: cruz}

.move {cursor: mover}

.myownimage {cursor: URL (http://www.MYIMAGEURL.COM), auto}

.progress {cursor: el progreso}

</ Style> "

antes del cierre "</ head>" etiqueta para incluir las opciones del cursor dentro de la cabecera y el estilo de su sitio web. Incluyendo todos los cursores HTML disponibles permitirá la facilidad de cambiar el tipo de cursores que desea mostrar a través de su página web - aunque sólo los códigos de cursor va a utilizar son necesarios en la codificación. Si sólo desea utilizar el cursor "ayuda" (el reloj de arena), el código funcionará cuando ingresó como:

"<Style type =" text / css ">

.help {cursor: help}

</ Style> "

ya que agregará sólo la "ayuda" clase cursor en la hoja de estilo de su página web.

3 Continuar la edición de su página, añadir etiquetas HTML adicionales para resaltar las cabeceras (utilizando H1, H2 y etiquetas de negrita), junto con otros elementos HTML que desea dentro de la página antes de completar la codificación con el cursor personalizado.

4 Agregue la clase cursor a las líneas de HTML en el que le gustaría tener el cursor visible en su página web. Si usted tiene una cabecera (etiqueta H1), el código HTML para incluir el cursor del ratón encima puede verse como: "<h1 = clase de" ayuda "> aquí su texto </ h1>". Sustituir "su texto aquí" con el texto de cabecera de su elección. Cuando pasa el encabezado, aparecerá el cursor de "ayuda".

5 Reemplazar "ayudar" en el código para encajar el cursor de su elección.

6 Guardar y cargar el nuevo archivo de página web, sobrescribir la versión anterior del archivo usando un programa FTP o cargador de archivos de red de acogida.

7 Ver su sitio en línea para ver los nuevos cambios con los efectos del cursor HTML en las etiquetas específicas en su codificación.