En av mine favorittblogger er Mihoes «Reality Challenged». Som regel er den godt og underholdende skrevet, og i tillegg er de fleste som kommenterer der oppegående mennesker med interessante ytringer. Hvilket sender meg til årsaken for denne postingen: Kommentarene er så vanskelige å lese!

Det er mulig det er meg som begynner å bli gammel og sliten i øyemusklene, men se på eksemplet under her:

Jeg synes at linjeavstanden i kommentaravsnittene er alt for liten, og det blir tungt å lese store mengder tekst. Og det er synd, for det er som sagt stort sett god lesning der.

Jeg bruker Mozilla Firefox som min foretrukne nettleser, og jeg nektet å tro at det ikke gikk an å gjøre noe med dette problemet i den. Det fant jeg ut at det gjorde, med noe som kalles «user stylesheet». Det er et stilark hvor jeg kan skrive inn mine egne definisjoner. Dette stilarket skal ligge i katalogen «chrome» i Firefoxprofilmappa di.

Neste oppgave var å finne ut hva det var vi skulle endre på. Jeg så litt på HTML-kilden til en av Mihoes kommenterte sider, og fant ut at alle kommentarene var på denne formen:

    <div class="commenttext">
        <p>[…]</p>
        <p>[…]</p>
    </div>

Altså, avsnitt inni et DIV-element med klassen «commentext». Med litt kunnskap i CSS går det greit å finne ut hvordan man skal endre på dette i et stilark. Jeg finner ut at jeg vil at avsnittene i «commenttext» skal ha linjeavstand en og en halv, og derfor skriver jeg dette i stilarket mitt:

    div.commenttext p {
        line-height: 1.5em;
    }

Og da er plutselig kommentarene langt mer avslappende å lese — bare se på dette skjermutsnittet:

Nå koser jeg meg enda mer «Reality Challenged»!

User Stylesheet finnes i de aller fleste nettleserne på markedet, bare søk i din favorittsøkemotor, og de kan selvfølgelig brukes på alle nettsider hvor du trenger litt tilpasning, ikke bare Mihoes :-).