Astazi va voi explica cum sa schimbati cursorul clasic
cu unul mai animat si mai colorat. Vorba lu’ ala de a fost la Romanii Au Talent – „Sa trecem la treaba” 😀
body { }Pasul 3. Fara sa modificati nimic in acea linie adaugati urmatorul cod:
body { cursor: url("link imagine.cur"), auto !important; }
extensia cur vine de la cursor insa puteti folosi si imagini de tip png sau gif.
La mine in acest template arata cam asa:
body { background: #fff; line-height: 1; cursor: url("images/cursor-locco.cur"), auto !important; }Pasul 4. Salvati fisierul si pe urma verificati rezultatul… Nu-i asa ca arata bine?
Acum sa facem sa dispara si banalul cursor in momentul cand dam click sau cand il tinem deasupra unui link.
a:focus, a:active, a:hover { aici trebuie sa gasiti text-decoration: , color etc.. }
daca nu exita nu-i nimic o puteti adauga pe cea de sus.
Pasul 6. Adaugati linia pentru cursora:focus, a:active, a:hover { cursor: url("link-imagine.cur"), auto !important; Puteti adauga si alte linii spre exemplu: text-decoration: underline; color: #550000 }Pasul 7. Acum nu-ti ramane decat sa salvezi fisierul si sa te bucuri de noul cursor. Cateva monstre de cursoare:
Cursorul nr. 1 - http://locco.ro/cursor/cursor-locco.cur Cursorul nr. 2 - http://locco.ro/cursor/cursor-locco_1.cur Cursorul nr. 3 - http://locco.ro/cursor/cursor-locco_2.cur Cursorul nr. 4 - http://locco.ro/cursor/cursor-locco_3.curSper ca acest scurt tutorial v-a ajutat cu ceva. O zi splendida va doresc.
poti modifica cum sa arate cursorul doar pe anumite posturi?
Bun tutorial mi-a placut, bravo.
Bineinteles .. Voi explica intr-un viitor apropiat cum sa faci 😉
Multumesc ! eee hai ca-mi place cand mai primesc si cate un feedback 😉
Nota 10 ! Hai ca am mai invatat cate ceva
faina treaba asta :))
dar tot clasic zic eu ca e mai ok 😀
Este special pentru cei ce vor sa adauge un strop de culoare site-ului … m-am saturat de clasic .. vreau ceva mai modern.
Am avut şi eu aşa ceva pe un site, acu’ ceva timp. Aveam un cursor albastru ce semăna cu cel „tradiţional”, iar pe linkuri (a:hover) era setat unul roşu. locco_smiley_10