Come fare un diverso cursore sul mio sito

November 19

Uno dei molti vantaggi di possedere e di creare il proprio sito web è la possibilità di immensa libertà quando si tratta di personalizzazione e facilità d'uso. È possibile far sembrare tutto esattamente come si desidera che il basso fino all'ultimo dettaglio. Molti siti web offrono tutorial e segmenti di codice è possibile aggiungere al tuo sito web per aggiungere effetti come una barra di scorrimento colorato o un news ticker. Un effetto è la creazione di un cursore personalizzato per il tuo sito web che andrà a sostituire il cursore dell'utente con un'immagine di propria scelta. Questo può essere aggiunto con un paio di rapide modifiche al tuo sito web.

istruzione

1 Trova l'immagine che si desidera per il cursore personalizzato del tuo sito web. Questa immagine deve essere in CUR o in formato ANI, quindi se non è possibile convertire le proprie immagini in questi formati, considerare il download di un precursore-made. Cercare siti cursore libero dove è possibile scaricare queste immagini. Un sito di esempio si trova nella sezione Risorse di seguito.

2 Carica il cursore di vostra scelta nella stessa cartella pagine del tuo sito web. Ad esempio, se il file index.html e altri file sono all'interno della directory public_html, caricare il cursore anche lì.

3 Aprire le pagine web in un editor HTML o in editor di built-in del pannello di controllo. Se si utilizzano le pagine HTML individuali, è necessario modificare ogni pagina che si desidera visualizzare il cursore su. Se si utilizza pagine PHP dinamiche o qualcosa di simile, è necessario modificare solo il file principale.

4 Trova il <head> tag sui documenti, e subito dopo il primo tag, incolla il seguente codice:

<Style>
<! - Body {cursore: url ( "yourimage.cur"); } ->
</ Style>

Sostituire "yourimage.cur" con il nome del file e l'estensione della vostra immagine. Ad esempio, se si dispone di un file denominato "flowercursor.ani", il codice sarebbe simile a questa:

<Style>
<! - Body {cursore: url ( "flowercursor.ani"); } ->
</ Style>

5 Salvare le pagine e sovrascrivere i file esistenti. Carica di nuovo se necessario. Aggiorna il tuo sito per vedere se i cambiamenti hanno avuto effetto.

Consigli e avvertenze

  • Alcuni browser non supportano le icone cursore personalizzato.