banci straine online cu conturi in euro

Cum sa inlocuiesti cursorul din CSS

cursor-tutorialAstazi va voi explica cum sa schimbati cursorul clasic cursor-clasic-loccocu unul mai animat si mai colorat. Vorba lu’ ala de a fost la Romanii Au Talent – „Sa trecem la treaba” 😀

 Pasul 1.  Deschideti clientul FTP si logati-va (eu folosesc Blade Editor insa puteti folosi si: File Zilla, Cute FTP, Smart FTP s.a.m.d. iar pentru a edita fisierele PHP, HTML, CSS si alte extensii programul Notepad ++)

 Pasul 2. . Cautati linia de comanda body.

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 cursor hand in momentul cand dam click sau cand il tinem deasupra unui link.

 Pasul 5.  In acelasi fisier style.css trebuie sa mai aveti urmatoarea linie de comanda

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 cursor

a: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: 

 iar linkurile lor le puteti copia de aici: 
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.cur
 Sper ca acest scurt tutorial v-a ajutat cu ceva. O zi splendida va doresc.  Stai la curent cu stirile zilei de pe ucoz.ro. Iar daca vrei permis de conducere, incearca www.ChestionareAuto.ro.

8 thoughts on “Cum sa inlocuiesti cursorul din CSS

  1. 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

Lasă un răspuns