Hej. Jag heter Andreas Karlsson och det här är mitt bloggarkiv för kategorin Webbdesign.

Anfanger och kapitäler har den senaste veckan varit ett aktuellt ämne här på bloggen. Det första inlägget förklarade begreppen och det andra beskrev hur jag lagt in egna knappar i Wordpress för att minska det merjobb som införandet av anfanger och kapitäler på bloggen har inneburit. Knapparna i sig skapar dock varken anfanger eller kapitäler, det måste anges i stilmallen hur <span class="anfang"> och <span class="caps"> ska formateras. Här kommer lite hjälp för att snabbt komma igång…

Anfanger

För att få till en snygg anfang krävs det att du experimenterar en hel del med värdena. Typsnitt och webbläsare är garanterat spöken du kommer att få tampas mot. Jag vet till exempel mina anfanger inte ser särskilt bra ut i min Nokia E71 och det finns säkert fler fall där de inte ser bra ut (rapportera gärna). Men för att komma till sak, betrakta följande som ett utgångsläge att på egen hand jobba vidare med:

.anfang {
    color: #c30;
    display: inline;
    float: left;
    font-size: 5em;
    line-height: 0.5em;
    margin: 0.30em 0.15em 0em 0em;
    text-transform: uppercase;
    }

Kapitäler

Stilmallen för kapitälerna är i jämförelse en barnlek, men även här kan det vara läge att testa sig fram:

.caps {
    font-size: 0.8em;
    text-transform: uppercase;
    }

Frågor och skryt

Lämna gärna en kommentar om du har någon fråga eller bara vill visa upp vad du har lyckats åstadkomma! Lycka till!