Come faccio a creare cursori cool?

December 17

Come faccio a creare cursori cool?


Se si dispone di una pagina Web che si sta personalizzando, si potrebbe desiderare di cambiare il cursore per abbinare il resto della pagina. È possibile creare un luogo fresco e one-of-a-kind cursore disegnando il proprio o utilizzando un'immagine esistente sul computer. Dal momento che i cursori devono essere salvati con una certa estensione del file, è necessario utilizzare un software speciale. Se si utilizza la procedura giusta e un po 'di codice styling, è possibile utilizzare l'immagine del cursore nella pagina Web.

istruzione

1 Scaricare e installare un programma sul computer che creerà i file ANI e CUR (vedi Risorse). Queste estensioni di file sono gli unici che funzionano come le immagini del cursore. AniTuner, Ani.cur.ico e IconArt sono liberi, ma è anche possibile scaricare una versione di prova gratuita di 30 giorni di Jasc Animation Shop, che vi permetterà di fare un file ANI.

2 Aprire il programma che avete installato. Selezionate lo strumento Penna, matita o il pennello, scegliere un colore dalla tavolozza dei colori nel programma e iniziare a disegnare l'immagine che si desidera. È inoltre possibile fare clic su "Apri" o "Importa", che aprirà i file sul computer in modo da poter usare un'immagine esistente. Il cursore sarà non più grande di 64 pixel-by-64. Disegnare una freccia nell'angolo in alto a sinistra in modo che assomiglia un cursore.

3 Vai su "File" e poi "Salva" oppure fare clic sull'icona del programma che si presenta come un disco floppy per salvare l'immagine del cursore. Digitare il nome del cursore e selezionare "CUR" o "ANI", come l'estensione del file dal "Salva come" menu a discesa.

4 Carica l'immagine del cursore al server tramite il File Manager nel pannello di controllo, o di andare in un sito di hosting di immagini gratuito, come ImageShack, Photobucket o Tinypic. Il caricamento del file cursore darà un URL, che sarà necessario per farlo funzionare come un cursore personalizzato. Dopo aver caricato l'immagine, l'URL sarà sotto il titolo diretto Immagine Link.

5 Inserire il codice di cursore personalizzato nel codice HTML della pagina Web tra i tag <head> </ head> tag e:

<Style>

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

Se si dispone di un file CSS esterno sul server, inserire il seguente codice nella sezione <body> del tuo foglio di stile:

cursore: url ( "yourimage.cur");

Copia e incolla l'URL per l'immagine cursore tra le virgolette. Salvare il file HTML o CSS e caricare la pagina Web per visualizzare il cursore personalizzato.