Pagina aggiornata... Venerdì, 06 Marzo 2026 * Tempo di caricamento 0.003 secondi
Link navigazione : Home telaioHome ~ Tutorial ~ Html » Cursore

..:: Il cursore ::..

Se vogliamo abbellire le nostre pagine non possiamo assolutamente trascurare "il cursore"
possiamo trasformarlo come e dove vogliamo, semplicemente variando la forma,
sostituirlo con piccole gif o addirittura affiancarlo ad una scritta...

Basterà inserire dei semplici tag, a seconda del cursore che ci serve o ci piace, per avere
quello giusto al posto giusto^^ Iniziamo quindi dalle basi, ovvero i parametri standard
per i cursori nelle pagine web, utilizzati principalmente per evidenziare i link.

# Passate il mouse sopra i nomi dei cursori per vedere l'effetto

default
crosshair
move
hand
help
text
wait
progress
pointer
     
ne-resize
sw-resize
nw-resize
se-resize
n-resize
s-resize
e-resize
w-resize

Con l'arrivo dei nuovi "css.3" abbiamo questi altri parametri,
ma al momento non sono supportati da tutti i browser

copy
alias
cell
no-drop
all-scroll
not-allowed
col-resize
row-resize
vertical-text

- Per personalizzare il cursore su tutta la pagina,
inseriremo l'apposito parametro nello style del body direttamente dai css:

<style type="text/css">
body{cursor: nome cursore;}
</style>

Ovviamente agendo sui css potremmo stabilire un determinato cursore per vari
parametri della pagina, tipo i link, i titoli, il testo ecc. ecc. aggiungendo appunto allo style
di questi parametri anche lo style del cursore.

- Se preferite, potete inserire lo style del cursore direttamente in linea quando vi occorre,
ad esempio in un paragrafo, un div o in una table:

<p style="cursor:not-allowed">Passa su con il mouse...</p>

<div style="cursor:help">Passa su con il mouse...</div>


<table border="1" width="90%">
<tr>
<td style="cursor:s-resize">Passa su con il mouse...</td>
</tr>
</table>

Cursore e immagini

Se desideriamo personalizzare il cursore con un'immagine dobbiamo utilizzare un tag particolare,
perché è necessario inserire l'url della pagina dell'immagine e immagini con estensioni
diverse affinché si visualizzi con i vari tipi di browser.

Internet Explorer riconosce come parametro valido solo un immagine con estensione .cur,
gli altri browser, Firefox, Chrome, Opera ecc. ecc. non hanno problemi e visualizzano immagini con
estensione gif, png o jpg anche se, ad esempio con Crome si perde l'animazione nelle immagini gif.

- Ecco il tag da inserire nelle pagine, direttamente nel tag <body>

<body style="cursor: url('url_immagine.gif'), url('url_immagine.cur'), default;">

Passa qui con il mouse per vedere l'effetto^^

Be' direi che è abbastanza semplice e pratico, non ci vuole molto a rinominare una gif in .cur
ed avere così il cursore che vogliamo sulle nostre pagine... e su tutti browser ^_^

Nel menu "Script page" trovate vari modi per personalizzare il cursore in modo
più evidente utilizzando delle magiche stelle o delle scrittine...

Nel telaio trovi tanti mini cursori pronti da usare nelle tue pagine --> Mini cursori

Spero di essere stata chiara in tutti i passaggi ^_^
Vi auguro buon lavoro ma sopratutto buon divertimento!
Ciao alla prossima^^ Penelope ♥


Dai un giudizio a questo tutorial... Grazie ^_^

💻 🌷 Molto apprezzato
85.93%
Voti totali: 27
Rating... 4




Commentario...

Scrivi qui per lasciare un saluto, una richiesta di aiuto,
un suggerimento o una critica ^_^









I vostri commenti in questa pagina...


maurorosati52 ~ 28/08/2014 22:20:44
salve avrei bisogno di aiuto essendo alle primisime armi vrrei mettere nel puntatore una scritta, non riesco neanche x sogno, ho provato una decina di volte ma niente vorrei che su ogni pagina sia diverso
Claudia di Pietro ~ 01/07/2014 22:06:42
Ciauu ♥ Ti volevo chiedere, se mi potevi fare un cursore con un gattino animato e con scritto :Bluevet <--- Grazie mille !! Se lo fai contattami a pallina123.cdp@gmail.com


~ Pagina visitata da 3355 utenti






Segui il telaio su Facebook

* Info sezione...

Mi farebbe molto piacere la condivisione
dei miei tutorial ma vi sarei anche molto grata
se evitaste di fare copia e incolla su altri spazi
del mio lavoro, linkate le pagine, avvisatemi
ricambierò senza problemi. Grazie ♥


Basi e utilità pagine web



html tag scrittura pagine web





Script per pagina



Script per gadget




Preleva anche tu una tag Help donna

Aiutami a diffondere il più possibile informazioni
utili alle donne vittime di abusi... Grazie!



Link del telaio...

ೡ Il telaio di Penelope
☆ Template webset e blog
☆ Un sito su AlterVista
☆ Gif & co...





I vostri messaggi...

DanyGraphic ~ 06/04/2026 20:14:40
Ciao Penny , grazie per il tuo consiglio, sei sempre un punto di riferimento . Un abbraccione a te . Ti auguro una buona serata
ૡScritto in Home
DanyGraphic ~ 06/04/2026 13:51:58
Ciao Penny e buona Pasquetta , oggi casualmente ho dato un occhiata alle pagine con testo scorrevole che volevo sistemare e magicamente funziona tutto come prima , compreso le stelline che scendono sulle immagini .....è un caso che tu sappia ....? io non trovo nulla a riguardo, ma credo rimetterò le pagine online . Buonissima giornata
ૡScritto in Home
Penelope ♥ ~ 04/04/2026 17:38:15
Grazie infinite Bibi e Krault un abbraccio forte forte Buona Pasqua a voi e a tutti gli amici del telaio
ૡScritto in Home
Krautl ~ 04/04/2026 09:53:12
Frohe Ostern
ૡScritto in Commenti telaio...
BiBi ~ 04/04/2026 07:18:36
Buona Pasqua a Penelope 🌺 e a tutta l'utenza
ૡScritto in Home
DanyGraphic ~ 02/04/2026 18:17:56
Sono passata per un saluto . Sempre piacevole navigare nel tuo sito , un abbraccione e cari Auguri di buona Pasqua
ૡScritto in Home
Grazia ~ 02/04/2026 08:16:05
Buongiorno carissima Penelope, sempre bellissimo e interessante qui! Ottimo il nuovo aggiornamento sulla funzione marquee :) Ti lascio un forte abbraccio e tanti carissimi auguri per una serena Pasqua. Ciao!
ૡScritto in Home
Penelope ♥ ~ 30/03/2026 16:18:12
Ciao carissima Ahamiah non sono riuscita a lasciare un saluto nel tuo forum quindi ti ringrazio tantissimo e ti mando un forte abbraccio qui
=ahamiah= ~ 29/03/2026 09:48:10
Buona domenica delle Palme, ho riscoperto il vostro forum e vi faccio i complimenti. Ho prelevato il codice di uno dei vostri saluti con data. Grazie a buon lavoro.
Cris ~ 28/03/2026 18:34:53
Ciao, sono passata per un salutino. Buon fine settimana!
ૡScritto in Commenti telaio...