Versaler eller gemener i bloggens rubriker

Det finns en hel del man kan göra med bloggens utseende i Malldesignern, men en funktion som saknas är att kunna välja om man vill ha gemener eller versaler i rubriker. (små eller stora bokstäver)

Det finns tre varianter vi använder i css-koden.

• lowercase som betyder enbart gemener - små bokstäver
• uppercase som betyder enbart versaler - stora bokstäver
• capitalize som betyder att varje ord börjar med en versal för att fortsätta med gemener

När vi vill att rubriken ska se normal ut, alltså uppbyggd som en vanlig mening med en versal i början och sen enbart gemener fram till punkten behöver vi inte skriva något speciellt, det är grundinställningen.

Normalt sett ändrar vi rubriker i Malldesignern via Avancerat - Bloggrubrik / Bloggbeskrivning / Inläggsrubrik / Titel på gadget

Om du vill ändra på gemener/versaler på någon eller alla rubrikvarianter kan du göra det via Avancerat - Lägg till CSS.

 

Här fyller du i den kod du använda och sparar sen.

Det finns fyra rubrikvarianter som är intressanta:

• .Header h1  =  Bloggrubriken
• .Header .description  =  Beskrivningen under bloggrubriken
• h3.post-title a  = Inläggens rubriker
• h2  =  Datum- och gadgetrubriker

Koderna ser ut så här, lägg till de rader du är intresserad av. Se till att få med de båda { } tecken som hör till varje rubrikkod!

.Header h1 {
  text-transform: uppercase;
}
.Header .description {
  text-transform: uppercase;
}
h3.post-title a {
  text-transform: uppercase;
}
h2 {
  text-transform: uppercase;
}

Om du väljer att kopiera raderna och klistra in dem i kodrutan i Malldesignern kommer du inte att märka någon skillnad i bloggens utseende (om det fungerar likadant i din webläsare som i min).
Du "aktiverar" koden genom att skriva till en bokstav/siffra efter koden och sen radera den igen. Det här är ett programmeringsfel i Malldesignern, men som tur är är det enkelt att lösa problemet för oss. Det kan se ut så här:

h2 { text-transform: uppercase; } m
(Du raderar alltså den extra bokstaven efteråt, men du måste skriva in den via ditt tangentbord, inte klistra in den)

När du är nöjd spar du din mall .

Ps, för att de här koderna ska fungera måste du använda någon av Bloggers nya Designmallar, de man hittar i Malldesignern. Om du har en annan mall kan du lämna din blogglänk här i en kommentar och vilken rubrik du vill ändra så ska jag se om jag kan hjälpa dig.