Сайт дээрх курсорыг хэрхэн өөрчлөх вэ

Агуулгын хүснэгт:

Сайт дээрх курсорыг хэрхэн өөрчлөх вэ
Сайт дээрх курсорыг хэрхэн өөрчлөх вэ

Видео: Сайт дээрх курсорыг хэрхэн өөрчлөх вэ

Видео: Сайт дээрх курсорыг хэрхэн өөрчлөх вэ
Видео: Мөнгө чамайг өөртэй нь яаж харьцаасай гэж хүсдэг вэ? 2024, May
Anonim

Үзэсгэлэнт төрхтэй сайтууд нь зочдод маш их таалагддаг. Нөөцийн харагдах байдлыг сайжруулахын тулд тэдний эзэд дизайныг бүрэн эсвэл хэсэгчлэн өөрчилдөг. Харамсалтай нь хуудасны чимэглэлд зориулж шинэ өнгөт элементүүдийг нэмж оруулах нь маш их цаг хугацаа шаарддаг. Нөөцийн зочдын анхаарлыг татах хурдан арга бол ердийн курсорыг жижиг дүрсээр солих явдал юм. Ийм элементийг сайт дээр суулгахын тулд та хэд хэдэн энгийн алхамуудыг хийх хэрэгтэй.

Сайт дээрх курсорыг хэрхэн өөрчлөх вэ
Сайт дээрх курсорыг хэрхэн өөрчлөх вэ

Энэ нь зайлшгүй шаардлагатай

  • - өөрийн сайт
  • - HTML-ийн талаар дор хаяж анхан шатны мэдлэгтэй байх
  • - сайт дээр CSS код хаана байгааг мэдэх

Зааварчилгаа

1-р алхам

Эхлээд сайт дээрх заагчийг орлох зургийг татаж аваарай. Нийтлэг график форматын зургууд (.bmp,.gif,.jpg,.png

Алхам 2

Заагчийг солихын тулд танд.cur эсвэл.ani форматтай зураг хэрэгтэй. Ийм зураг авахын тулд интернэтээс курсороор тусгайлан бүтээсэн зургийг хайж олох хэрэгтэй.. Cur өргөтгөл нь статик зургуудад,.ani өргөтгөл нь хөдөлгөөнт зургуудад зориулагдсан байдаг. Таалагдсан файлаа компьютер дээрээ хадгалаарай.

Алхам 3

Гэхдээ заагчийг өөрчлөхийн тулд дууссан зургийг авах шаардлагагүй болно. Хэрэв та зургийг өөрөө хийхийг хүсвэл курсор үүсгэх эсвэл график файлын форматыг хөрвүүлэх тусгай програмуудын аль нэгийг ашиглаарай.

Алхам 4

Сайт дээрх курсорт зориулж дүрсийг бөглөнө үү. Дараа нь нөөцийн код дээр тагийг олж дараахь өөрчлөлтийг оруулна уу.

"Images / 1.ani" гэж бичихийн оронд өөрийн сайт дээр байршуулсан зургийн замыг зааж өгөөрэй.

Алхам 5

Хэрэв та холбоос дээгүүр гүйхдээ курсорыг нэг дүрс хэлбэрээр, холбогч элемент байхгүй бол өөр зураг шиг харагдуулахыг хүсч байвал заагчийг өөрчлөхийн тулд CSS ашиглах нь дээр. Ийм хувиргалт хийхийн тулд эхлээд.cur эсвэл.ani өргөтгөлтэй өөр файлыг сайтад байршуулна уу.

Алхам 6

Дараа нь сайтынхаа CSS дээр "body {cursor: url ('1.ani');}" оруулна уу, "1.ani" -н оронд курсорыг байршуулсан үндсэн зургийн замыг зааж өгнө үү. сайт. Энэ код нь курсорыг заасан зураг дээрх нөөцийн бүх хуудасны агуулгыг бичсэн шошгонд өөрчлөх шинж чанарыг нэмж өгдөг.

Алхам 7

Дараа нь CSS дээр "a {cursor: url ('2.ani');}" гэсэн мөрийг бичиж, "2.ani" -ийг нөөцөд байршуулсан курсорын дүрс рүү оруулан зааж өгнө. Холбоос. Оруулсан оруулга нь заагч нь сайтын дурын линк дээр цохиулах үед tag-ийн шинж чанарт өөрчлөлт оруулах үед курсорыг харгалзах зургаар солих боломжийг олгодог.

Зөвлөмж болгож буй: