antibiomatika

Look, no hands

2002-10-01 20:50

Jeg har begynt et forsiktig arbeide med å gjøre om templates, og ikke minst gjøre om stilark på denne siten. Jeg har bestemt meg for én enkelt ting, og det er å bruke forsiktige dynamiske effekter ved hjelp av CSS.

Ingen Javascript, altså. Dette betyr også at jeg har begynt den lette veien med å gi blaffen i hva MSIE i forskjellige versjoner måtte klare og ikke.

Hvis du bruker Mozilla, eller Opera (kan hende virker dette i andre browsere også), vil du til venstre for hvert enkelt punkt i listen, se en liten pil. Bruker du Mozilla, vil denne pilen flytte seg når du fører musen over menypunktet. Effekten er ganske enkelt oppnådd med i essens følgende i stilarket mitt

ul li:before
{
color: #669;
content: "\25B9\2006";
}
ul li:hover:before
{
color: #669;
content: "\2006\25B8";
}

En liten forklaring er kanskje på sin plass. Jeg bruker Mozillas evne til å benytte pseudoklassen hover på alle elementer, ikke bare på linker. Dette har jeg kombinert med muligheten til å bruke generert innhold.

For å forklare content: "\25B9\2006"; så er sifrene som står her henvisning til ulike tegn i Unicode. Alan Wood har laget en ganske grei oversikt over Unicode, og du vil dersom du leter og sammenligner, finne ut at jeg har brukt white/black small right-pointing triangle og six-per-em-space.

Lykke til med å gjøre din egen site mer brukervennlig og fremtidsrettet ved bruk av CSS slik det kan brukes

Kommentarer

Det er ikke åpent for å legge til flere kommentarer.