I siti con un aspetto attraente sono molto apprezzati dai visitatori. Per migliorare l'aspetto della risorsa, i loro proprietari di solito cambiano completamente o parzialmente il design. Sfortunatamente, l'aggiunta di nuovi elementi colorati per la decorazione della pagina richiede molto tempo. Un modo rapido per attirare l'attenzione dei visitatori delle risorse è sostituire il solito cursore con una piccola immagine. Per installare un tale elemento sul sito, è necessario eseguire alcuni semplici passaggi.
È necessario
- - proprio sito
- - avere almeno una conoscenza di base dell'HTML
- - sapere dove si trova il codice CSS sul sito
Istruzioni
Passo 1
Innanzitutto, scarica un'immagine che sostituirà il puntatore sul sito. Le immagini dei comuni formati grafici (.bmp,.gif,.jpg,.png, ecc.) non sono adatte a questo scopo.
Passo 2
Per sostituire il puntatore, è necessaria un'immagine in formato.cur o.ani. Per ottenere un'immagine del genere, cerca in Internet immagini appositamente progettate per i cursori. L'estensione.cur è specifica per le immagini statiche e l'estensione.ani è specifica per le immagini animate. Salva il file che ti piace sul tuo computer.
Passaggio 3
Ma per cambiare il puntatore, non è affatto necessario prendere l'immagine finita. Se vuoi creare un'immagine da solo, usa uno dei programmi speciali per creare cursori o convertire formati di file grafici.
Passaggio 4
Compila l'immagine per il cursore sul sito. Quindi, nel codice della risorsa, trova il tag e apporta le seguenti modifiche:
Invece di scrivere "immagini/1.ani", indica il percorso dell'immagine caricata sul tuo sito.
Passaggio 5
Se vuoi che il cursore abbia la forma di un'immagine quando passi con il mouse sul collegamento e quando è in assenza dell'elemento di collegamento - per assomigliare a un'altra immagine, allora è meglio usare i CSS per cambiare il puntatore. Per effettuare tali trasformazioni, caricare prima sul sito un altro file con estensione.cur o.ani.
Passaggio 6
Quindi, nel CSS del tuo sito, inserisci una voce "body {cursor: url ('1.ani');}", invece di "1.ani", specifica il percorso dell'immagine principale per il cursore caricato sul luogo. Questo codice aggiunge la proprietà per modificare il cursore sull'immagine specificata al tag in cui è scritto il contenuto di tutte le pagine della risorsa.
Passaggio 7
Quindi scrivi in CSS la riga "a {cursor: url ('2.ani');}", sostituendo "2.ani" con il percorso dell'immagine del cursore caricata nella risorsa, che dovrebbe apparire quando si passa sopra il puntatore il link. L'inserimento effettuato consente di sostituire il cursore con l'immagine corrispondente quando il puntatore colpisce un qualsiasi link del sito, in quanto apporta modifiche alla proprietà del tag.
