Mjesta atraktivnog izgleda vrlo su popularna među posjetiteljima. Da bi poboljšali izgled resursa, njihovi vlasnici obično u potpunosti ili djelomično mijenjaju dizajn. Nažalost, dodavanje novih živopisnih elemenata za ukrašavanje stranice oduzima puno vremena. Brzi način privlačenja pažnje posjetitelja resursa je zamjena uobičajenog kursora malom slikom. Da biste instalirali takav element na web mjestu, morate obaviti nekoliko jednostavnih koraka.
Neophodno je
- - vlastita stranica
- - imati barem osnovno znanje HTML-a
- - znati gdje je CSS kod na web lokaciji
Instrukcije
Korak 1
Prvo preuzmite sliku koja će zamijeniti pokazivač na web mjestu. Slike uobičajenih grafičkih formata (.bmp,.gif,.jpg,.png
Korak 2
Da biste zamijenili pokazivač, potrebna vam je slika u.cur ili.ani formatu. Da biste dobili takvu sliku, pretražite na Internetu slike posebno dizajnirane za kursore.. Cur ekstenzija je specifična za statične slike, a.ani ekstenzija je specifična za animirane slike. Spremite datoteku koja vam se sviđa na vaš računar.
Korak 3
Ali da biste promijenili pokazivač, uopće nije potrebno uzeti gotovu sliku. Ako želite sami napraviti sliku, upotrijebite jedan od posebnih programa za stvaranje pokazivača ili pretvaranje formata grafičkih datoteka.
Korak 4
Popunite sliku za pokazivač na web lokaciji. Zatim u kodu resursa pronađite oznaku i unesite je sljedeće promjene:
Umjesto pisanja "images / 1.ani", naznačite put do slike učitane na vašu web lokaciju.
Korak 5
Ako želite da pokazivač ima oblik jedne slike kada lebdite iznad veze, a kada nema elementa povezivanja - da izgleda poput druge slike, onda je bolje koristiti CSS za promjenu pokazivača. Da biste izvršili takve transformacije, prvo prenesite drugu datoteku sa.cur ili.ani nastavkom na web lokaciju.
Korak 6
Zatim, u CSS vaše web lokacije, unesite "body {cursor: url ('1.ani');}", umjesto "1.ani", navedite put do glavne slike za kursor otpremljen u site. Ovaj kôd dodaje svojstvo promjene kursora na navedenu sliku u oznaku u kojoj je zapisan sadržaj svih stranica resursa.
Korak 7
Zatim u CSS napišite redak "a {cursor: url ('2.ani');}", zamjenjujući "2.ani" stazom do slike kursora učitane u resurs, koja bi se trebala pojaviti kada pokazivač zadržite iznad link. Izvedeni unos vam omogućava da kursor zamijenite odgovarajućom slikom kada pokazivač pogodi bilo koju vezu na web lokaciji, jer mijenja svojstva oznake.
