Var man ändrar färger, typsnitt osv
h3 {
background: #ffe7eb; <- bakgrundsfärg
font-family: Trajan Pro, Cutive Mono, Georgia, Arial, Helvetica, sans-serif; <-typsnitt
font-size: 25px; <- storlek på texten
padding:2px 5px 0px 5px;
color: #000000; <- färg på texten
margin: 0px 0px 0px;
text-align: left; <- vart ni vill att texten ska vara placerad
font-weight: normal; <- tjock/smal text
text-transform: uppercase; <- stora bokstäver eller små bokstäver
}
Detta stycke, h3, styr rubriken och dess utseende. Men koderna ser likadana ut i varje stycke (background kan även heta background-color) och kan ni hur koderna lyder kan ni ändra i varje stycke!
anledningen till att jag inte skrev något på padding & margin är för att det finns ett jättebra inlägg om det här, det är lite överkurs men som är bra att kunna!
En sak ni måste kunna för att kunna ändra färger är vad en färgkod är. Det är de siffror som står efter # på bakcground & color. Färgkoder hittar ni exempelvis här och vill ni byta färgkod så ska ni akta så att ni inte råkar ta bort # för om ni gör det funkar det inte!
Anledningen till att det står såpass många typsnitt är därför att om en dator inte kan läsa in det första så visas istället det andra, och om datorn inte kan läsa in det andra visas det tredje osv. Det är bra att ha en standard typsnitt i slutet så att man inte har massa avancerade typsnitt som bara ens egen dator kan se:P
Hur man ändrar storleken på texten är bara genom att ändra numret upp eller ner, och för att ändra vart texten ska vara placerad har ni tre val: left (vänster), center (i mitten) & right (höger). Vill ni ändra till tjock (bold) eller smal (normal) text skriver ni bara in det engelska (det inom parantes) istället för det som står där! För att ändra stora bokstäver till små ändrar ni "uppercase" till "normal" och för att ändra små bokstäver till stora gör ni tvärt om.
För att göra det ännu mer simpelt för er har jag även skrivit var man ändrar vad!:
body - bakgrund på hela bloggen
#wrapper - ändra tex. bredden på bloggen
#header - där ändrar ni headern
#side - menyn i helhet (tex. bredd på menyn)
#content - inlägg i helhet (tex. bredd på inläggen
h3 - rubriken på inläggen
.navheader - rubriken på menyn (senaste inlägg, kategorier, arkiv länkar)
.entrybody - typsnitt mm. på inläggen
.commentheader - rubriken på skriva kommentarer
.commenttext- tyspnitt på skrivna kommentarer
Nu blev det väldigt mycket text så jag tror jag avslutar här!
I nästa inlägg:
- Mina favoritdetaljer!