Pagina aggiornata... Venerdì, 06 Marzo 2026 * Tempo di caricamento 0.004 secondi
Link navigazione : Home telaio ೡ Home ~ 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 3586 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...

ૡPenelope ♥ ~ 14/09/2026 22:32:30
Cara Filo d'arianna un po' di anni fa ho realizzato qualche grafica per ForumFree ed era un delirio non so se è ancora così ma la grafica si componeva con decine di piccole immagini, davvero tanto lavoro nemmeno gratificante purtroppo, per quanto riguarda i tutorial, sono una maniaca di html, php e js ma sulla gestione di un forum non saprei da dove partire Un abbraccio forte
ૡScritto in Blogger Kit Autunno
ૡPenelope ♥ ~ 14/09/2026 18:34:20
Carissima Filo d'arianna grazie alla tua segnalazione ho risolto un problema nel commentario purtroppo per evitare spam e messaggi sgradevoli avevo impostato un eccesso nei controlli, ripristinato, ora si può commentare e mettere url del proprio spazio senza problemi grazie infinite cara un abbraccio forte forte
ૡScritto in Home
filod'arianna ~ 14/09/2026 07:41:37
Ciao Penelope! Ho preso il Settimanello micioso:-DL'ho inserito all'interno della sezione "Appunti" sul mio forum, però ho visto che non si può più linkare qui nei messaggi, non riesco a farti vedere dove l'ho inserito. Ad ogni modo il forum è Librandosi tra le pagine, su forumfree. Un abbraccio a presto!
ૡScritto in Home
filod'arianna ~ 12/09/2026 06:52:57
Hai mai pensato di buttarti nel creare grafica e tutorial per ForumFree? 😂 Sto scherzando, ma solo a metà! Sarebbe fantastico. Ne approfitterei immediatamente
ૡScritto in Blogger Kit Autunno
ૡPenelope ♥ ~ 11/09/2026 16:56:26
Carissima Filod'arianna ti ringrazio tantissimo è il più bel complimento che si possa riceve! Un abbraccio forte e viva l'autunno!!!
ૡScritto in Blogger Kit Autunno
filod'arianna ~ 10/09/2026 07:03:48
Adoro il colore di Ortensie vorrei un blog su Blogger solo per i tuoi kit e i tuoi accessori:-D Grazie mille per tutto ciò che metti a disposizione carissima 😘N.B. Anch'io non vedevo l'ora che arrivasse un po' di fresco -.-'
ૡScritto in Blogger Kit Autunno
Cris ~ 02/07/2026 19:45:24
Ciao, sono passata per un salutino e per rivedere il tuo sito. Buona serata e buon fine settimana.
ૡScritto in *Amici del telaio...*
DanyGraphic ~ 30/05/2026 15:30:54
Ciao Penny , sempre belle e interessanti le tue pagine .Un abbraccio e buon fine settimana
ૡScritto in Home
Sabry ~ 26/05/2026 21:34:59
Sei unica ♥️
ૡScritto in Info box
Elise ~ 21/05/2026 17:30:40
Riciao visto com'è brava la nostra Grazia?
ૡScritto in Home