click aici

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

LoccoChicco

Un sentiment adanc existent in fiecare, o umana nazuinta spre un “mai bine” menit, poate inconstient, sa duca la o lume mai buna… omniprezentul sentiment . Indiferent de epoca, indiferent de nivelul educational sau intelectual, omul a dorit o lume mai buna.


Related Articles

“Merg” pe mana voastra

Pentru inceput vreau sa va spun ca fac parte dintro familie numeroasa. Noi suntem patru frati, iar parintii mei, la randul

Jos cu pantoful musafire

Uff, mare pacoste cu descaltatul asta in hol! Ba ca se incheie greu la ghete, ba ca s-a scuturat bine

De vorba cu Alisa Maria Dancu

Buna, eu sunt Alisa, am 18 ani si imi place sa scriu, sa desenez si sa ascult muzica. Blogul meu


8 comments

Write a comment
  1. Eu Spanac
    Eu Spanac 4 October, 2013, 13:12

    poti modifica cum sa arate cursorul doar pe anumite posturi?

    Reply this comment
  2. bucurblog
    bucurblog 4 October, 2013, 13:49

    Bun tutorial mi-a placut, bravo.

    Reply this comment
  3. Mihai
    Mihai 4 October, 2013, 17:15

    Nota 10 ! Hai ca am mai invatat cate ceva

    Reply this comment
  4. Robi
    Robi 4 October, 2013, 21:02

    faina treaba asta :))
    dar tot clasic zic eu ca e mai ok 😀

    Reply this comment
    • LoccoChicco
      LoccoChicco Author 4 October, 2013, 21:23

      Este special pentru cei ce vor sa adauge un strop de culoare site-ului … m-am saturat de clasic .. vreau ceva mai modern.

      Reply this comment
  5. v@syle
    v@syle 31 January, 2014, 13:00

    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

    Reply this comment

Write a Comment

Leave a Reply

Skip to toolbar