Come modificare un cursore in HTML

November 12

L'attivazione di cursori personalizzati in una pagina web può provocare un effetto esteticamente gradevole che migliora notevolmente l'esperienza dell'utente. Con alcuni comandi di stile in posizione strategica incorporati nel codice HTML (HyperText Markup Language) della pagina, il cursore può diventare un complimento alla moda per il disegno complessivo.

istruzione

1 Decidere quale cursore per utilizzare nella pagina web e dove si attiverà. Lo sviluppatore web potrebbe volere un nuovo cursore attivo per tutta l'intera pagina per abbinare uno stile o un tema. D'altra parte, i web designer spesso attivano nuovi cursori solo quando un utente sposta il puntatore su un posto particolare nella pagina (ad esempio, un collegamento o un'immagine specifica) per enfatizzare le informazioni.

2 Aprire il file HTML in editor di testo. Quando o dove la si attiva cursore detterà dove navigare nel codice. Per rendere il cursore predefinito per l'intera pagina web, accedere alla sezione "corpo" del file. (La sezione del corpo è racchiuso all'interno del <body> </ body> tag HTML.) Per attivare il cursore su un elemento specifico, passare a tale elemento nel documento. Ad esempio, se il cursore desiderato dovrebbe installa su un paragrafo di testo, quindi inserire il codice nell'elemento paragrafo (<p> </ p>) contenente il testo. Per esempio, questo codice contiene sia i tag body e di paragrafo:

<Html>
<Body> <p> Questa è una pagina mirino </ p> </ body>
</ Html>

3 Se si utilizza un cursore per l'intera pagina, inserire il codice per modificare il cursore nell'elemento "body". Ad esempio, se il cursore si trasformerà in il mirino su tutta la pagina, quindi l'elemento "corpo" sarà simile a questo:

<Stile del corpo = "cursor: mirino"> <p> Questa è una pagina mirino </ p> </ body>

Quando interpretato da un browser web, questo codice all'interno di una pagina Web possono utilizzare un puntatore a croce (vedi riferimento 1).

4 Se cambiare il cursore di una posizione particolare nella pagina, inserire il codice nei tag contenenti l'elemento. Ad esempio, la modifica il cursore sul punto visualizzata del testo in una pagina web, piuttosto che l'intera pagina dovrebbe essere simile a questo:

<Body> <p style = "cursor: mirino"> Questa è una pagina mirino </ p> </ body>

Ora il cursore cambierà solo un mirino quando si libra sopra il testo (vedi riferimento 1).

Consigli e avvertenze

  • Il progettista può fornire immagini per i cursori piuttosto che utilizzare quelli forniti di default (come ad esempio il cursore a croce). cursori Web sono memorizzati con l'estensione "cur" (che sono disponibili per il download gratuito da numerosi siti web). Per usare un cursore scaricato, salvare il file "cur" nella stessa directory del file HTML. Quindi, modificare il codice di "stile" usato per cambiare i cursori fare riferimento al file, simile a questo:
  • <Body> <p style = "cursor: url ( 'filename.cur)"> Questa è una pagina pagina cursore personalizzato </ p> </ body>
  • Ora, quando il cursore passa sopra il testo "Questa è una pagina cursore personalizzato," il puntatore del mouse si trasforma in immagine "filename.cur" (vedi riferimento 2).

Articoli Correlati