Bakgrunnsfarge på tekst

Det kan være nyttig å bruke tabeller når du vil legge inn bakgrunnsfarge i en tekstboks. Det kan være tekstbokser med tips, sitater, informasjon, ekstra viktige opplysninger osv. En liten boks her og der kan bidra til å gjøre siden mer lettlest. Fargen bryter med teksten og gjør leseren nysgjerrig og øynene "glade". Likevel er det bra med måtehold her også. Hvis hele siden er full av firkanter i forskjellige farger, kan det bli rotete. Da henger ikke hjernen med og leseren klikker seg videre til en annen side i stedet, uten å ha lest teksten.

Når du skal legge inn en tekstboks til et tips for eksempel, legger du inn en tabell med 3 kolonner og 1 rad. Kolonnen i midten skal gjøre det enklere å justere avstanden mellom tekstene. I eksempelteksten under har jeg brukt en tynn grå ramme på tabellcellene, slik at tabellene vises tydelig.
Du kan også legge inn skillelinjer over og under teksten i tekstboksen, for å ramme inn teksten litt. Rammer rundt cellene fremhever teksten ytterligere. Velg selv hva du synes fungerer best på din side!
Skillelinjen legger du inn med denne knappen på verktøylinjen. Ikke angi noen bredde. Da tilpasses linjen etter bredden på cellen den ligger i.
Du lager rammer ved å høyreklikke i cellen og gå ned til Celle og følge pilen til Celleegenskaper. Deretter går du til fanearket Avansert, klikker i feltet Rammefarge og velger hvilken farge du vil bruke. Hvis du vil at rammen skal være tykkere, endrer du koden som står i feltet Stil (fortsatt i fanearket Avansert). Standardinnstillingen er "border: 1px". Endre tallet til antallet piksler du vil bruke for rammen. I eksemplet under, Dagens Boktips!, har jeg brukt "border: 3px ".


 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ut eros sit amet neque egestas vehicula quis eu lacus. Vivamus quam magna, ornare sit amet feugiat in, eleifend non dui. Suspendisse potenti. Pellentesque ut tellus no eros quis rhoncus eu tortor imperdiet commodo.

Maecenas sit amet dolor leo. Pellentesque vel nibh nulla, at mollis neque. Nulla sem augue, hendrerit vitae molestie rhoncus, malesuada ante.  Pellentesque habitant morbi sit tristique ac senectus et netus et malesuada ac fames sed tempus amet sollicitudin  habitant egestas malesuada.  

SITAT

Friendship make prosperity more shining and
lessens adversity by dividing and sharing it.

Cicero - On Friendship, 44 B.C.


Praesent id lobortis magna. Nam non velit at eros pellentesque pretium. Nunc vel lorem sit amet tortor imperdiet commodo eget ac velit. Morbi a arcu mi, in semper augue. In molestie congue nibh, a interdum erat temp sollicitudin tempor quis habitant morbi tristique senectus.


Dagens boktips!

  Sed aliquet fringilla sed eros , a vestibulum lorem aliquet at. Nam tellus nisi, venenatis ut bibendum sed, consectetur vel sapien. Pellentesque habitant netus morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris vel augue eleifend est tempus velit sollicitudin. Curabitur porttitor cursus sem sit sagittis purus porta feugiat habitant netus morbi tristique senectus netus.

Etiam porta auctor egestas. Aliquam id quam et justo iaculis porta. Integer non ante lobortis sem feugiat tempor. Sed vehicula lacus ut ligula pellentesque vitae hendrerit ipsum porta. Fusce fringilla lorem quis mauris pharetra imperdiet. Aenean sit amet justo ante, in purus consectetur metus. Donec in ligula sit quis ligula mattis faucibus  praesent id lobortis magna.



Her kommer den samme eksempelteksten en gang til, men uten ramme rundt cellene, slik at du ser hvordan teksten smelter sammen. Dette er et kjempebra triks du kan bruke for å at hjernen og øynene skal orke å lese mye tekst. Hvis besøkeren kommer til en side helt uten bilder, som bare består av tekst, blir hjernen fort trøtt og han eller hun klikker videre til neste side uten å ha lest teksten. Tekst med bilder kan gjøre leseren nysgjerrig: øynene stimuleres på en annen måte, og vips så har han eller hun kanskje lest teksten også. Denne boksen er laget ved hjelp av en innebygd tabell: 1 kolonne og 1 rad, slik at det blir én stor celle.

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ut eros sit amet neque egestas vehicula quis eu lacus. Vivamus quam magna, ornare sit amet feugiat in, eleifend non dui. Suspendisse potenti. Pellentesque ut tellus no eros quis rhoncus eu tortor imperdiet commodo.

Maecenas sit amet dolor leo. Pellentesque vel nibh nulla, at mollis neque. Nulla sem augue, hendrerit vitae molestie rhoncus, malesuada ante.  Pellentesque habitant morbi sit tristique ac senectus et netus et malesuada ac fames sed tempus amet sollicitudin  habitant egestas malesuada.  

SITAT

Friendship make prosperity more shining and
lessens adversity by dividing and sharing it.

Cicero - On Friendship, 44 B.C.


Praesent id lobortis magna. Nam non velit at eros pellentesque pretium. Nunc vel lorem sit amet tortor imperdiet commodo eget ac velit. Morbi a arcu mi, in semper augue. In molestie congue nibh, a interdum erat temp sollicitudin tempor quis habitant morbi tristique senectus.


Dagens boktips!

  Sed aliquet fringilla sed eros , a vestibulum lorem aliquet at. Nam tellus nisi, venenatis ut bibendum sed, consectetur vel sapien. Pellentesque habitant netus morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris vel augue eleifend est tempus velit sollicitudin. Curabitur porttitor cursus sem sit sagittis purus porta feugiat habitant netus morbi tristique senectus netus.

Etiam porta auctor egestas. Aliquam id quam et justo iaculis porta. Integer non ante lobortis sem feugiat tempor. Sed vehicula lacus ut ligula pellentesque vitae hendrerit ipsum porta. Fusce fringilla lorem quis mauris pharetra imperdiet. Aenean sit amet justo ante, in purus consectetur metus. Donec in ligula sit quis ligula mattis faucibus  praesent id lobortis magna.