Spletna mesta privlačnega videza so zelo priljubljena med obiskovalci. Da bi izboljšali videz vira, njihovi lastniki običajno popolnoma ali delno spremenijo zasnovo. Žal dodajanje novih barvitih elementov za dekoracijo strani traja veliko časa. Hiter način, kako pritegniti pozornost obiskovalcev virov, je zamenjava običajnega kazalca z majhno sliko. Če želite namestiti tak element na spletno mesto, morate izvesti nekaj preprostih korakov.
Potrebno je
- - lastno spletno mesto
- - imeti vsaj osnovno znanje HTML
- - vedeti, kje je koda CSS na spletnem mestu
Navodila
Korak 1
Najprej prenesite sliko, ki bo zamenjala kazalec na spletnem mestu. Slike običajnih grafičnih formatov (.bmp,.gif,.jpg,.png
2. korak
Če želite zamenjati kazalec, potrebujete sliko v obliki.cur ali.ani. Če želite dobiti takšno sliko, po internetu poiščite slike, posebej zasnovane za kazalce. Razširitev.cur je značilna za statične slike, razširitev.ani pa za animirane slike. Datoteko, ki vam je všeč, shranite v računalnik.
3. korak
Toda za spremembo kazalca sploh ni treba narediti končne slike. Če želite sliko narediti sami, uporabite enega od posebnih programov za ustvarjanje kazalcev ali pretvorbo formatov grafičnih datotek.
4. korak
Izpolnite sliko za kazalec na spletnem mestu. Nato v kodi vira poiščite oznako in jo spremenite naslednje:
Namesto da pišete "images / 1.ani", navedite pot do slike, naložene na vaše spletno mesto.
5. korak
Če želite, da je kazalka v obliki ene slike, ko lebdite nad povezavo, in kadar je brez povezavnega elementa - videti kot druga slika, potem je bolje uporabiti CSS za spremembo kazalca. Za takšno preoblikovanje najprej naložite na spletno mesto drugo datoteko s pripono.cur ali.ani.
6. korak
Nato v CSS svojega spletnega mesta vnesite vnos "body {cursor: url ('1.ani');}", namesto "1.ani", določite pot do glavne slike za kazalec, naložen v spletnem mestu. Ta koda doda lastnost spreminjanja kazalca na določeno sliko oznaki, v kateri je zapisana vsebina vseh strani vira.
7. korak
Nato v CSS zapišite vrstico "a {cursor: url ('2.ani');}" in nadomestite "2.ani" s potjo do slike kurzorja, naložene v vir, ki naj se prikaže, ko kazalec premaknete nad povezava. Vnos vam omogoča, da kurzor zamenjate z ustrezno sliko, ko kazalec zadene katero koli povezavo na spletnem mestu, saj spreminja lastnost oznake.
