Webwerwe met 'n aantreklike voorkoms is baie gewild onder besoekers. Om die voorkoms van die bron te verbeter, verander hul eienaars die ontwerp gewoonlik heeltemal of gedeeltelik. Ongelukkig neem dit baie tyd om nuwe kleurvolle elemente vir die versiering van bladsye by te voeg. 'N Vinnige manier om die aandag van besoekers van hulpbronne te trek, is om die gewone wyser deur 'n klein prentjie te vervang. Om so 'n element op die webwerf te installeer, moet u 'n paar eenvoudige stappe uitvoer.
Dit is nodig
- - eie webwerf
- - ten minste basiese kennis van HTML hê
- - weet waar die CSS-kode op die webwerf is
Instruksies
Stap 1
Laai eers 'n foto af wat die wyser op die werf sal vervang. Beelde van algemene grafiese formate (.bmp,.gif,.jpg,.png, ens.) Is nie geskik vir hierdie doel nie.
Stap 2
Om die wyser te vervang, benodig u 'n foto in die.cur- of.ani-formaat. Om so 'n beeld te kry, soek op die internet foto's wat spesiaal ontwerp is vir die wysers. Die.cur-uitbreiding is spesifiek op statiese beelde, en die.ani-uitbreiding is spesifiek op geanimeerde beelde. Stoor die lêer waarvan u hou, op u rekenaar.
Stap 3
Maar om die wyser te verander, is dit glad nie nodig om die voltooide beeld te neem nie. As u self 'n foto wil maak, gebruik dan een van die spesiale programme vir die skep van wysers of omskakeling van grafiese lêerformate.
Stap 4
Vul die prentjie vir die wyser op die werf in. Soek dan die tag in die bronkode en bring die volgende veranderinge aan:
In plaas daarvan om "images / 1.ani" te skryf, dui die pad na die prentjie wat na u werf opgelaai is, aan.
Stap 5
As u wil hê dat die wyser in die vorm van een beeld moet wees as dit oor die skakel beweeg, en as dit nie 'n skakelelement is nie - om soos 'n ander prentjie te lyk, is dit beter om CSS te gebruik om die wyser te verander. Om sulke transformasies te maak, laai eers 'n ander lêer met die.cur- of.ani-uitbreiding op die webwerf op.
Stap 6
Tik dan in die CSS van u webwerf 'n inskrywing 'body {cursor: url (' 1.ani ');}', in plaas van '1.ani', spesifiseer die pad na die hoofbeeld vir die wyser wat na die werf. Hierdie kode voeg die eienskap by om die wyser na die gespesifiseerde prentjie te verander na die etiket waarin die inhoud van alle bladsye in die bron geskryf is.
Stap 7
Skryf dan in CSS die reël "a {cursor: url ('2.ani');}", vervang "2.ani" deur die pad na die wyserbeeld wat na die bron gelaai is, wat moet verskyn wanneer die wyser oor die punt beweeg die skakel. Met die invoer kan u die wyser vervang deur die ooreenstemmende prentjie wanneer die wyser op enige skakel op die werf raak, aangesien dit die eienskap van die tag verander.
