Site-urile cu un aspect atractiv sunt foarte populare printre vizitatori. Pentru a îmbunătăți aspectul resursei, proprietarii lor modifică de obicei complet sau parțial designul. Din păcate, adăugarea de noi elemente colorate pentru decorarea paginilor necesită mult timp. O modalitate rapidă de a atrage atenția vizitatorilor de resurse este de a înlocui cursorul obișnuit cu o imagine mică. Pentru a instala un astfel de element pe site, trebuie să efectuați câțiva pași simpli.
Este necesar
- - site propriu
- - să aibă cel puțin cunoștințe de bază despre HTML
- - știți unde este codul CSS pe site
Instrucțiuni
Pasul 1
Mai întâi, descărcați o imagine care va înlocui indicatorul de pe site. Imaginile formatelor grafice obișnuite (.bmp,.gif,.jpg,.png
Pasul 2
Pentru a înlocui indicatorul, aveți nevoie de o imagine în format.cur sau.ani. Pentru a obține o astfel de imagine, căutați pe Internet imagini special concepute pentru cursoare. Extensia.cur este specifică imaginilor statice, iar extensia.ani este specifică imaginilor animate. Salvați fișierul care vă place pe computer.
Pasul 3
Dar, pentru a schimba indicatorul, nu este deloc necesar să faceți imaginea terminată. Dacă doriți să faceți o fotografie dvs., utilizați unul dintre programele speciale pentru crearea cursorilor sau conversia formatelor de fișiere grafice.
Pasul 4
Completați imaginea pentru cursorul de pe site. Apoi, în codul resursei, găsiți eticheta și efectuați următoarele modificări:
În loc să scrieți „imagini / 1.ani”, indicați calea către imaginea încărcată pe site-ul dvs.
Pasul 5
Dacă doriți ca cursorul să fie sub forma unei singure imagini atunci când treceți peste link și când este în absența elementului de legătură - să arate ca o altă imagine, atunci este mai bine să utilizați CSS pentru a schimba indicatorul. Pentru a face astfel de transformări, mai întâi încărcați un alt fișier cu extensia.cur sau.ani pe site.
Pasul 6
Apoi, în CSS-ul site-ului dvs., faceți o intrare „body {cursor: url ('1.ani');}”, în loc de „1.ani”, specificați calea către imaginea principală pentru cursorul încărcat în site. Acest cod adaugă proprietatea de a schimba cursorul la imaginea specificată cu eticheta în care este scris conținutul tuturor paginilor resursei.
Pasul 7
Apoi scrieți în CSS linia „a {cursor: url ('2.ani');}”, înlocuind „2.ani” cu calea către imaginea cursorului încărcată în resursă, care ar trebui să apară când cursorul este plasat peste link-ul. Intrarea făcută vă permite să înlocuiți cursorul cu imaginea corespunzătoare atunci când indicatorul lovește orice link de pe site, deoarece aduce modificări proprietății etichetei.
