Kuidas Saidil Kursorit Muuta

Sisukord:

Kuidas Saidil Kursorit Muuta
Kuidas Saidil Kursorit Muuta

Video: Kuidas Saidil Kursorit Muuta

Video: Kuidas Saidil Kursorit Muuta
Video: Kuidas ennast muuta? Kolm peamist pattu. Haigus arengupartnerina 2024, Mai
Anonim

Atraktiivse välimusega saidid on külastajate seas väga populaarsed. Ressursi välimuse parandamiseks muudavad nende omanikud tavaliselt disaini täielikult või osaliselt. Paraku võtab lehtede kaunistamiseks uute värviliste elementide lisamine palju aega. Kiire viis ressursikülastajate tähelepanu äratamiseks on tavalise kursori asendamine väikese pildiga. Sellise elemendi installimiseks saidile peate tegema mõned lihtsad toimingud.

Kuidas saidil kursorit muuta
Kuidas saidil kursorit muuta

See on vajalik

  • - oma sait
  • - omama vähemalt algteadmisi HTML-ist
  • - teada, kus CSS-kood sellel saidil asub

Juhised

Samm 1

Esmalt laadige alla pilt, mis asendab kursorit saidil. Tavaliste graafiliste vormingute (.bmp,.gif,.jpg,.png

2. samm

Kursori asendamiseks vajate pilti.cur või.ani vormingus. Sellise pildi saamiseks otsige Internetist spetsiaalselt kursoritele mõeldud pilte. Laiend.cur on omane staatilistele piltidele ja.ani laiendus on animeeritud piltidele. Salvestage soovitud fail arvutisse.

3. samm

Kuid kursori muutmiseks pole üldse vaja valmis pilti teha. Kui soovite ise pilti teha, kasutage kursorite loomiseks või graafiliste failivormingute teisendamiseks ühte spetsiaalsest programmist.

4. samm

Täitke saidi kursori pilt. Seejärel leidke ressursikoodis silt ja tehke sellele järgmised muudatused:

Selle asemel, et kirjutada "images / 1.ani", märkige oma saidile üles laaditud pildi tee.

5. samm

Kui soovite, et kursor oleks lingi kohal hõljudes ühe pildi kujul ja kui see on linkimiselemendi puudumisel - et see näeks välja nagu teine pilt, siis on kursori muutmiseks parem kasutada CSS-i. Selliste ümberkujunduste tegemiseks laadige saidile esmalt üles teine fail.cur või.ani laiendiga.

6. samm

Seejärel tehke oma saidi CSS-is kanne "body {cursor: url ('1.ani');}", "1.ani" asemel määrake faili üles laaditud kursori põhipildi tee sait. See kood lisab omaduse muuta kursor määratud pildile sildile, kuhu on kirjutatud ressursi kõigi lehtede sisu.

7. samm

Seejärel kirjutage CSS-is rida "a {cursor: url ('2.ani');}", asendades "2.ani" ressurssi üles laaditud kursoripildi teega, mis peaks ilmuma siis, kui kursor on kursori kohal link. Tehtud sisestus võimaldab teil kursori asendada vastava pildiga, kui kursor tabab saidi mis tahes linki, kuna see muudab sildi atribuuti.

Soovitan: