Vietnes ar pievilcīgu izskatu ir ļoti populāras apmeklētāju vidū. Lai uzlabotu resursa izskatu, to īpašnieki parasti pilnīgi vai daļēji maina dizainu. Diemžēl jaunu krāsainu elementu pievienošana lapu noformēšanai prasa daudz laika. Ātrs veids, kā piesaistīt resursu apmeklētāju uzmanību, ir aizstāt parasto kursoru ar nelielu attēlu. Lai instalētu šādu elementu vietnē, jums jāveic dažas vienkāršas darbības.
Tas ir nepieciešams
- - sava vietne
- - ir vismaz pamata zināšanas par HTML
- - zināt, kur vietnē atrodas CSS kods
Instrukcijas
1. solis
Vispirms lejupielādējiet attēlu, kas aizstās rādītāju vietnē. Šim nolūkam nav piemēroti parasto grafisko formātu attēli (.bmp,.gif,.jpg,.png
2. solis
Lai nomainītu rādītāju, nepieciešams attēls.cur vai.ani formātā. Lai iegūtu šādu attēlu, meklējiet internetā attēlus, kas īpaši paredzēti kursoriem. Paplašinājums.cur ir raksturīgs statiskiem attēliem, bet paplašinājums.ani ir raksturīgs animētiem attēliem. Saglabājiet failu, kas jums patīk, savā datorā.
3. solis
Bet, lai mainītu rādītāju, vispār nav nepieciešams uzņemt gatavo attēlu. Ja vēlaties pats izveidot attēlu, izmantojiet kādu no īpašajām programmām kursoru izveidošanai vai grafisko failu formātu konvertēšanai.
4. solis
Vietnē aizpildiet kursora attēlu. Pēc tam resursa kodā atrodiet tagu un veiciet šādas izmaiņas:
Tā vietā, lai rakstītu "images / 1.ani", norādiet ceļu uz jūsu vietnē augšupielādēto attēlu.
5. solis
Ja vēlaties, lai kursors būtu viena attēla formā, virzot kursoru virs saites, un kad tas nav saistīts ar saistošo elementu - lai tas izskatās kā cits attēls, rādītāja maiņai labāk ir izmantot CSS. Lai veiktu šādas pārveidošanas, vispirms vietnē augšupielādējiet citu failu ar paplašinājumu.cur vai.ani.
6. solis
Pēc tam savas vietnes CSS izveidojiet ierakstu "body {cursor: url ('1.ani');}", nevis "1.ani" norādiet ceļu uz galveno attēlu kursoram, kas augšupielādēts. vietne. Šis kods pievieno rekvizītu, lai mainītu kursoru uz norādīto attēlu tagam, kurā ir ierakstīts visu resursa lapu saturs.
7. solis
Pēc tam CSS ierakstiet rindu "a {cursor: url ('2.ani');}", aizstājot "2.ani" ar ceļu uz resursā augšupielādēto kursora attēlu, kuram vajadzētu parādīties, kad kursors ir novietots virs kursora saite. Izveidotais ieraksts ļauj nomainīt kursoru ar atbilstošo attēlu, kad rādītājs noklikšķina uz jebkuras saites vietnē, jo tas maina tagu rekvizītu.
