Kursorin tekeminen

Ohjeet kursorin tekoon (koodaus + kuva):
Kursori koodataan, kuten ulkoasukin, mutta kursorin koodi on huomattavasti yksinkertaisempi. Tähän ei tarvitse kuin lisätä kuvan osoite!

<div style="text-align: center; cursor: url(KUVAN OSOITE TÄHÄN), auto;">


Ennenkuin voit lisätä koodiin osoitetta, sinulla täytyy olla itse kursorin kuva valmis. On suotavaa tehdä kursori läpinäkyvälle, 45-55 x 45-55 pikselin kokoiselle pohjalle, mutta koon voi itse päättää, mikä itsestä tuntuu hyvältä. Tuolta pikseliväliltä kun valitsee, niin kursorista ei tule liian iso, eikä liian pieni.

Jos sijoitat kuvan keskelle pohjaa, kannattaa vasempaan yläkulmaan laittaa vaikkapa nuolenkärki tai vastaava, jolloin kursorilla on helppoa maalata tekstiä oikeasta kohdasta tai vaikkapa avata linkki tekstien seasta. Jos et laita vasempaan yläkulmaan merkkiä, ei kursorista ole enää mitään todellista hyötyä, koska sen tarkkuus on huono.

Kun sinulla on kursorin pohja valmiina, lataa se esimerkiksi Tinypic.com'iin, josta saat url-osoitteen kuvalle. Sijoita kuvan url-osoite koodiin ja voilá, kursori on valmis esittelyyn.

Huom: jos kursori ei näy, lisää HTML-tilan loppuun: </div>

Liitä kursorin koodi HTML-tilassa esittelyn alkuun, jolloin sen pitäisi toimia normaalisti. Sitten vain tallennat ja nautit kursoristasi niin pitkään ennenkuin kyllästyt siihen.

_______________________________________________________________________________

Ohjeet © jensku 12

Lisäykset © Ralle