Ang mga site na may kaakit-akit na hitsura ay napakapopular sa mga bisita. Upang mapabuti ang hitsura ng mapagkukunan, ang kanilang mga may-ari ay karaniwang kumpleto o bahagyang nagbabago ng disenyo. Sa kasamaang palad, ang pagdaragdag ng mga bagong makukulay na elemento para sa dekorasyon ng pahina ay tumatagal ng maraming oras. Ang isang mabilis na paraan upang makuha ang pansin ng mga bisita sa mapagkukunan ay upang palitan ang karaniwang cursor ng isang maliit na imahe. Upang mai-install ang gayong elemento sa site, kailangan mong magsagawa ng ilang mga simpleng hakbang.
Kailangan iyon
- - sariling site
- - magkaroon ng hindi bababa sa pangunahing kaalaman sa HTML
- - Alamin kung nasaan ang CSS code sa site
Panuto
Hakbang 1
Una, mag-download ng larawan na papalit sa pointer sa site. Ang mga imahe ng mga karaniwang graphic format (.bmp,.gif,.jpg,.png, atbp.) Ay hindi angkop para sa hangaring ito.
Hakbang 2
Upang mapalitan ang pointer, kailangan mo ng isang larawan sa.cur o.ani format. Upang makakuha ng ganoong imahe, maghanap sa Internet ng mga larawan na espesyal na idinisenyo para sa mga cursor. Ang extension na.cur ay tukoy sa mga static na imahe, at ang.ani extension ay tukoy sa mga animated na imahe. I-save ang file na gusto mo sa iyong computer.
Hakbang 3
Ngunit upang baguhin ang pointer, hindi kinakailangan na kunin ang natapos na imahe. Kung nais mong gumawa ng isang larawan mismo, pagkatapos ay gumamit ng isa sa mga espesyal na programa para sa paglikha ng mga cursor o pag-convert ng mga format ng graphic file.
Hakbang 4
Punan ang imahe para sa cursor sa site. Pagkatapos, sa code ng mapagkukunan, hanapin ang tag at gawin ang mga sumusunod na pagbabago dito:
Sa halip na magsulat ng "mga imahe / 1.ani", ipahiwatig ang landas sa imaheng na-upload sa iyong site.
Hakbang 5
Kung nais mong ang cursor ay nasa anyo ng isang imahe kapag dumadaan sa link, at kung wala ito ng elemento ng pag-link - upang magmukhang ibang imahe, kung gayon mas mahusay na gumamit ng CSS upang baguhin ang pointer. Upang makagawa ng mga nasabing pagbabago, i-upload muna ang isa pang file na may.cur o.ani extension sa site.
Hakbang 6
Pagkatapos, sa CSS ng iyong site, gumawa ng isang entry na "body {cursor: url ('1.ani');}", sa halip na "1.ani", tukuyin ang path sa pangunahing imahe para sa cursor na na-upload sa lugar. Ang code na ito ay nagdaragdag ng pag-aari upang baguhin ang cursor sa tinukoy na larawan sa tag kung saan nakasulat ang nilalaman ng lahat ng mga pahina ng mapagkukunan.
Hakbang 7
Pagkatapos ay isulat sa CSS ang linyang "isang {cursor: url ('2.ani');}", na pinapalitan ang "2.ani" ng path sa imahe ng cursor na na-upload sa mapagkukunan, na dapat lumitaw kapag ang pointer ay hover ang link Pinapayagan ka ng ginawang entry na palitan ang cursor ng kaukulang larawan kapag na-hit ng pointer ang anumang link sa site, dahil gumagawa ito ng mga pagbabago sa pag-aari ng tag.
