Web 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 šarenih elemenata za ukrašavanje stranice oduzima puno vremena. Brzi način privlačenja pozornosti posjetitelja resursa je zamjena uobičajenog kursora malom slikom. Da biste instalirali takav element na web mjestu, morate izvršiti nekoliko jednostavnih koraka.
Nužno je
- - vlastita stranica
- - imati barem osnovno znanje HTML-a
- - znati gdje je CSS kod na web mjestu
Upute
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, potražite na Internetu slike posebno dizajnirane za kursore. Proširenje.cur specifično je za statične slike, a.ani proširenje je specifično za animirane slike. Spremite datoteku koja vam se sviđa na vaše računalo.
3. korak
No, da bi se promijenio 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.
4. korak
Ispunite sliku za pokazivač na web mjestu. Zatim u kodu resursa pronađite oznaku i napravite sljedeće promjene:
Umjesto pisanja "images / 1.ani", naznačite put do slike prenesene na vašu web lokaciju.
Korak 5
Ako želite da pokazivač bude u obliku jedne slike kada lebdite iznad veze, a kada nema elementa povezivanja - da izgleda poput druge slike, tada je za promjenu pokazivača bolje koristiti CSS. Da biste izvršili takve transformacije, prvo prenesite drugu datoteku s nastavkom.cur ili.ani na web mjesto.
Korak 6
Zatim, u CSS svoje web stranice, unesite "body {cursor: url ('1.ani');}", umjesto "1.ani", navedite put do glavne slike za kursor prenesen u web mjesto. 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 poveznica. Izvedeni unos omogućuje vam zamjenu kursora odgovarajućom slikom kada pokazivač pogodi bilo koju vezu na web mjestu, jer mijenja svojstva oznake.
