Сайттағы курсорды қалай өзгертуге болады

Мазмұны:

Сайттағы курсорды қалай өзгертуге болады
Сайттағы курсорды қалай өзгертуге болады

Бейне: Сайттағы курсорды қалай өзгертуге болады

Бейне: Сайттағы курсорды қалай өзгертуге болады
Бейне: АДАМ ТҮСІНІГІН ҚАЛАЙ ӨЗГЕРТУГЕ БОЛАДЫ? 2024, Мамыр
Anonim

Сырты тартымды сайттар келушілерге өте ұнайды. Ресурстың сыртқы түрін жақсарту үшін олардың иелері әдетте дизайнды толығымен немесе ішінара өзгертеді. Өкінішке орай, парақты безендіруге арналған түрлі-түсті элементтерді қосу көп уақытты алады. Ресурстарға келушілердің назарын аударудың жылдам әдісі - кәдімгі курсорды кішкентай кескінмен ауыстыру. Мұндай элементті сайтқа орнату үшін бірнеше қарапайым әрекеттерді орындау қажет.

Сайттағы курсорды қалай өзгертуге болады
Сайттағы курсорды қалай өзгертуге болады

Бұл қажетті

  • - жеке сайт
  • - HTML туралы кем дегенде қарапайым білімге ие болу
  • - сайтта CSS коды қай жерде екенін білу

Нұсқаулық

1-қадам

Алдымен сайттағы меңзердің орнын басатын суретті жүктеңіз. Бұл үшін жалпы графикалық форматтардың суреттері (.bmp,.gif,.jpg,.png

2-қадам

Меңзерді ауыстыру үшін.cur немесе.ani форматындағы сурет керек. Мұндай суретті алу үшін Интернеттен курсорлар үшін арнайы жасалған суреттерді іздеңіз.. Cur кеңейтімі статикалық кескіндерге, ал.ani кеңейтімі анимациялық кескіндерге тән. Өзіңізге ұнайтын файлды компьютеріңізге сақтаңыз.

3-қадам

Бірақ көрсеткішті өзгерту үшін дайын кескінді алу мүлдем қажет емес. Егер сіз өзіңіз сурет салғыңыз келсе, онда курсорларды құруға немесе графикалық файл форматтарын түрлендіруге арналған арнайы бағдарламалардың бірін қолданыңыз.

4-қадам

Сайттағы курсорға арналған суретті толтырыңыз. Содан кейін ресурс кодында тегті тауып, оған келесі өзгертулер енгізіңіз:

«Кескіндер / 1.ani» деп жазудың орнына сайтыңызға жүктелген кескінге жолды көрсетіңіз.

5-қадам

Егер сіз сілтеме үстінде жылжу кезінде курсор бір кескін түрінде болғанын қаласаңыз, ал егер байланыстырушы элемент жоқ болса - басқа кескінге ұқсағыңыз келсе, онда көрсеткішті өзгерту үшін CSS қолданған жөн. Осындай түрлендірулер жасау үшін алдымен сайтқа.cur немесе.ani кеңейтілімімен басқа файл жүктеңіз.

6-қадам

Содан кейін, өзіңіздің сайтыңыздың CSS-де «body {cursor: url ('1.ani');}» жазбасын енгізіңіз, «1.ani» орнына курсорға негізгі суретке жолды жүктеп салыңыз сайт. Бұл код меңзерді көрсетілген суреттегі ресурстардың барлық беттерінің мазмұны жазылған тегке ауыстыру қасиетін қосады.

7-қадам

Содан кейін CSS-ке «a {cursor: url ('2.ani');}» жолын жазыңыз, «2.ani» орнын меңзердің үстіне түсірілген курсор кескініне жолмен ауыстырыңыз, ол меңзердің үстінде тұрған кезде пайда болуы керек. сілтеме. Жасалған жазба меңзерді сайттың кез-келген сілтемесіне тиген кезде сәйкес суретке ауыстыруға мүмкіндік береді, өйткені ол тег қасиетіне өзгертулер енгізеді.

Ұсынылған: