Keskustelu: Nettisivujen teko: Oma kursori nettisivulle

Nyt ei juuri tule mieleen, millä nimellä tätä hiiren nuolta sanotaan, mutta kuitenkin.

Koodailen erään jalkapallojoukkueen sivuja, ja tuli pyyntö, että voisin laittaa hiiren kuvaksi jalkapallon.

Miten tämä onnistuu?

EDIT: Sain laitettua näin: p {cursor: url("/is/Kuvat/cursor.ico") }, tosin vain tavallisen tekstin päälle.
Laitanko
p {cursor: url("/is/Kuvat/cursor.ico"), text, link } tms.?

CSS:ssä on universaaliselektori *

Kyseenalaistan tosin tämän toimenpiteen mielekkyyden. Miten jalkapallolla kohdistetaan mihinkään? Sehän on pallo, eikä osoitin.

Ja hakemasi sana vois olla vaikka 'osoitin', tai sitten suoraan tuosta CSS-ominaisuudesta johdettu 'kursori'.

Blaze kirjoitti:

CSS:ssä on universaaliselektori *

Kyseenalaistan tosin tämän toimenpiteen mielekkyyden. Miten jalkapallolla kohdistetaan mihinkään? Sehän on pallo, eikä osoitin.

Ja hakemasi sana vois olla vaikka 'osoitin', tai sitten suoraan tuosta CSS-ominaisuudesta johdettu 'kursori'.

"Kursori" tuli mieleen vasta kun kirjoitin viestiini tuota "EDIT..." juttua.

Pallo olisi kyllä osoittimena jokseenkin epäkäytännöllinen. Loppujen lopuksihan osoittimessa on vain yksi piste, jonka sijainti merkitsee, ja nuolessa tämä piste on luontevasti nuolen kärki. Sen sijaan mikä se olisi pallossa, jollei pallon keskipiste, jota taas on vaikea kohdistaa tarkasti, kun pallo peittää pisteen ympäristön. Suosittelen, että vihjaat asiasta ko. joukkueelle.

No voisihan siitä tehdä jalkapallon ja nuolen yhdistelmän.

Grez, osuit naulankantaan. Vai pitäisköhän sanoa palloon. Sellaiselta se näyttää, mutta ongelma on nyt tämän näköinen:

Määrittelin cursorin bodyyn, mutta linkkeihin tulee edelleen se normaali käden kuva. Miten saan laitettua niin, että joka ikisessä paikassa näillä sivuilla on tämä kursori?

Rocceri kirjoitti:

Grez, osuit naulankantaan. Vai pitäisköhän sanoa palloon. Sellaiselta se näyttää, mutta ongelma on nyt tämän näköinen:

Määrittelin cursorin bodyyn, mutta linkkeihin tulee edelleen se normaali käden kuva. Miten saan laitettua niin, että joka ikisessä paikassa näillä sivuilla on tämä kursori?

Enpä muuta keksi kuin että määrittelet jokaiselle elementille tämän kursorin erikseen. !important ei varmaankaan tätä ratkaise?

Minunkin mielipiteeni koko kursorin muuttamisesta on, että se on turhaa kikkailua. Jos vielä laitat tämän saman kursorin joka tilanteeseen (kuten linkkeihin), käytettävyys ja osoittimen havainnollisuus kärsii merkittävästi. Sellainen perusolettamus on olemassa, että jos osoitin muuttuu käden kuvaksi jonkun kohteen päällä, tätä kohdetta voi klikata.

Eikö toimi tuolla Blazen mainitsemalla universaaliselektorilla?

* {
cursor: url("kuva.ico");
}