Allt om text och typsnitt på din blogg
Här kommer ett inlägg om allt om text och typsnitt på din blogg... Och hur du ändrar dessa så de blir som du vill.
INLÄGGS RUBRIKEN. Då är det denna kod du ska koncentrera dig på i stilmallen...
INLÄGGS RUBRIKEN. Då är det denna kod du ska koncentrera dig på i stilmallen...
/** Entry headers **/
h3 {
background: #FFFFFF; <-här ändrar du bakgrundsfärgen på rubrikerna
font-family: courier new, Helvetica, sans-serif; <-Här ändrar du vilket typsnitt du vill ha
font-size: 20px; <-Storleken på rubriken
font-weight: normal; <-Här kan du ändra så att rumbriken ska vara ifylld eller kursiv
padding:0px 0px 0px 10px; <-Här kan man fixa så texten hamnar lite mer upp, eller ner eller åt sidan.
color: #636363; <-Här ändrar man färgen på rubriken
margin: 0px 0px 0px;
text-transform: normal; <-Här kan du ändra så texten blir stora bokstäver (uppercase)
text-align: normal;
}
RUBRIKERNA I MENYN. Då är det denna kod du ska ändra med.
.navheader {
font-family: courier new, Helvetica, Sans-serif; <- Typsnittet ändrar du här
font-size: 13px; <-Storleken på texten
font-weight: left;
color: #636363 ; <-Färgen på texten
padding:0px 7px 0px;
margin-bottom:0px;
background-color:#f6e4f0; <-Bakgrundsfärgen på texten ändrar du här
text-transform: uppercase; <-Om du vill att de ska vara stora bokstäver eller små ändras här
}
KOMMENTARSRUBRIKERNA. Alltså där det står "Postat av: Elin" till ex...
.commentheader {
font-family: courier new, helvetica, sans-serif; <-Typsnittet ändras här
font-size: 17px; <-Storleken på texten här
font-weight: normal; <- Om texten ska vara ifylld, kursiv eller normal
background-color:#FFFFFF; <- Bakgrundsfärgen kan man ändra här
padding:0px;
text-transform: normal;
color: #636363; <- Färgen på texten ändrar du här
}
TEXTEN I INLÄGGEN. Den här texten som jag skriver just nu.
/** Post's body text **/
.entrybody {
font-family: verdana, Arial, Helvetica, sans-serif; <- Typsnittet ändras här
font-size: 11px; <- Storleken på texten här
font-weight: normal; <- Om du vill den ska vara ifylld, kursiv eller normal
color: #232323; <- Vilken färg texten ska ha
line-height: 150%;
margin: 0px 0px 10px;
background-color: #FFFFFF; <- Bakgrundsfärg (används typ inte)
padding: 10px;
}
Detta inlägg kommer uppdateras framöver!
TID: 19:45:57
Personligt
