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

Fitze de mare blogger… din 25 Decembrie are un brand

Deja am inceput sa ma satur de tipii astia care se cred super importantii internetului … astia care cred ca

Graffiti este un kitsch?

Depinde de “lucrare”. In opinia mea sunt doua tipuri: vandalism, atunci cand desenele sunt un simplu text, evident continand texte

Amintire

Amintire Cuvinte peste cuvinte, si Aceleasi cuvinte dupa cuvinte Si cuvinte insiruindu-se cuminte Despicand apele linistite dintre Somn, realitate, vise


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