Forum dei Forum: Aiuto per Forumattivo
Benvenuti sul forum di supporto di Forumattivo.




Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei già un nostro utente oppure registrati per far parte della nostra grande comunità. Il tutto, gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

Come cambiare il cursore del mouse?


Astuzia Come cambiare il cursore del mouse?

Messaggio Da MattiaDes il Mar 23 Giu 2015, 09: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.

Buona giornata  :zen:

Tutorial creato da: Buttercup
Copyrigth © FORUMATTIVO.COM







MattiaDes
Moderattivo
Moderattivo

Sesso : Maschile
Età : 20
Messaggi : 2333
Località : Modena, Italy


Vedere il profilo dell'utente http://www.habbolifeforum.com
MattiaDes è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum