Come cambiare il cursore del mouse?

Da **MattiaDes** Mar 23 Giu 2015 - 9:03

Come cambiare il cursore del mouse?

Questo tutorial è per chi vuole personalizzare il cursore del mouse sul proprio forum.

Per fare tutto questo, basterà aggiungere poche righe di codice nel CSS del proprio forum. Dirigiamoci quindi verso: Pannello di amministrazione ► Visualizzazione ► Immagini & Colori ► Colori ► Foglio di Stile CSS

Tabella Cursori di Default

Questa tabella contiene tutti i cursori di default, che quindi sono già caricati e NON necessitano di apposite modifiche grafiche. L'unica cosa da tenersi a mente è il nome associato a ciascun puntatore (ES: pointer, text ecc..)

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

Cambiare Cursore del Forum

Aggiungi questo codice CSS nel foglio di stile del tuo forum, per cambiare il cursore su tutto il forum:

Codice:: body { cursor : move ; }

Attenzione: Ricordati, che puoi sostituire "move", con il cursore da te desiderato, basandoti sulla tabella postata recenetemente.

Cambiare Cursore ai Link del Forum

Hai sempre desiderato che il cursore cambiasse al passaggio di esso su un link? Tutto quello che dovrai fare, è aggiungere il seguente codice nel CSS:

Codice:: a { cursor : help; }

Questo codice, a differenza del precedente, cambierà il cursore unicamente quando esso sarà sopra un link. Anche in questo caso, puoi sostituire "help", con il tipo di mouse che preferisci.

Cambiare Cursore alle immagini del Forum

Hai sempre desiderato che il cursore cambiasse al passaggio di esso su una immagine? Tutto quello che dovrai fare, è aggiungere il seguente codice nel CSS:

Codice:: img { cursor : pointer; }

Questo codice, a differenza del precedente, cambierà il cursore unicamente quando esso sarà sopra una immagine. Anche in questo caso, puoi sostituire "pointer", con il tipo di mouse che preferisci.

Creare un cursore personalizzato

Nessun puntatore di default della tabella ti ispira? Allora, puoi provare a realizzarne uno personalizzato. Tutto quello che dovrai fare è utilizzare programmi di grafica o servizi online (ES: http://www.rw-designer.com/online-cursor-editor ), per realizzare un cursore a proprio piacimento. Una volta fatto, caricalo su un servizio di hosting (ES: Servimg) e copia il link.

Successivamente, aggiungi il seguente codice nel CSS:

Codice:: body { cursor: url(link del tuo cursore), auto; }

Tale personalizzazione, si può effettuare anche per le immagini e i link.