Cursor personalizat

Coduri intrebari, probleme legate de HTML, XHTML si CSS
AndreyIstetul
Mesaje:53

Cursor personalizat

Buna. Cum pot sa pun ca atunci cand intra cineva pe site sa se schimbe cursorul in unul personalizat?

MarPlo Mesaje:4343
Aspectul cursorului de mouse pe un anumit element se poate personaliza din CSS,, cu proprietatea cursor:valoare;.
Pentru intreaga pagina, se aplica la "body".
Exemplu, cursor mana:

Cod: Selectaţi tot

body { cursor:hand; }
Mai multe valori pentru aspectul cursorului gasesti la lectia: Configurari pentru vizibilitate si mouse.

AndreyIstetul Mesaje:53
Buna. Nu cred ca ai inteles ce vreau sa fac. Deci, vreau ca in loc de cursorul obisnuit care il foloseste persoana respectiva, sa apara un cursor care-l vreau eu. In loc de sageata sa apara altceva, ce setez eu.

MarPlo Mesaje:4343
Daca vrei sa inlocuiesti cursorul standard cu o imagine, se poate folosi in CSS proprietatea "cursor" cu valoare URL catre un fisier de tip CUR cu imaginea.

Cod: Selectaţi tot

 selector { cursor: url('imagine.cur'), default; }
Imaginile in format ".cur" sunt pt a crea cursor personalizat.
Mai multe detalii si exemple poti gasi in tutorialul: CSS cursor property - Custom Cursors.