Bakgrundsfärg på text

Ett bra tillfälle att ta hjälp av tabeller är när man vill ha en bakgrundsfärg bakom en textruta. Det kan vara Tips-rutan, Citat, Info, extra viktiga saker att läsa mm. En och annan liten ruta här och var kan hjälpa till att göra sidan mer lättläst. Det bryter av och det väcker nyfikenhet och ögat blir glad av det. Liten varning på att hålla det på lagom nivå. Om hela sidan är full med bara massa olika färgade fyrkanter så kan det istället bli för rörigt och då orkar hjärnan inte med och så klickar man vidare till någon annan sida istället och har inte läst något alls.

När du ska lägga in en liten tips-ruta eller vad den nu ska ha för innehåll så lägg in en tabell med 3 kolumner och 1 rad. Kolumnen i mitten är för att lättare kunna justera avståndet mellan texterna. I nedanstående exempeltext så har jag lagt in lite grå ram på tabellcellerna så du lättare ser hur tabellerna ligger.
Detaljer som man kan lägga till är en skiljelinje över och under för att rama in lite. Eller så kan man göra en ram på cellen för att förtydliga den ytterligare.
Det behöver man inte ha om man inte vill.
Skiljelinjen lägger du in med den här knappen på verktygsfältet. Sätt ingen bredd på den. Då kommer den anpassa sig efter bredden i cellen den ligger i.
Ramen lägger du in genom att högerklicka i cellen och gå ner till Cell och sen ut på pilen till Tabellcellsinställningar. Sen går du till fliken Avancerat och klickar på rutan som ligger efter Ramfärg och pekar ut vilken färg det ska vara. Om du vill att ramen ska bli tjockare så går du upp och ändrar på koden som står i rutan för Stil (fortfarande under Avancerat-fliken). Från början står det "
border: 1px". Ändra siffran till hur många pixlar du vill ha på ramen. Nedanstående exempel i Dagens Boktips! har 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.  

CITAT

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.



Nu kommer samma exempeltext som ovanstående men utan ramen runt cellerna så att du ser mer tydligt hur det smälter ihop. Det här är ett jättebra trick för att få hjärnan och ögat att orka läsa mycket text. Om man kommer till en sida med bara ren text, då blir hjärnan direkt trött och man klickar vidare till nästa sida utan att ha läst någonting. Om det finns något som kan väcka en nyfikenhet så blir ögat glad och vill vara kvar och vips så kan man ha läst texten också.
(Den här rutan är gjord med infogad tabell, 1 kolumn och 1 rad så det blir en enda cell.)

 

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.  

CITAT

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.