hittade i en blogg
BAKGRUND:
body {
background: #FFFFFF url(HÄR KLISTRAR DU IN URLEN TILL BAKGRUNDEN DU VILL HA!);
margin:0;
padding:0px 0 14px;
text-align:center;
color:#333;
}LÄNKFÄRGER:
a {color: #000000;text-decoration:bold;}
a:hover {color: #fff;text-decoration:bold;}Byt bara ut #000000 mot den färgkoden du vill ha! Du kan hitta olika färgkoder här.
(Där mina inlägg står)
#wrapper {
text-align: left;
width: 840px; (Bredden över det vita)
margin: 50px auto;
padding: 30px;
vertical-align: top;
border: 5px solid #D9CCD0; (Den lila kanten jag har runt om)
background-color: #FFFFFF; (Vill du inte vitt som jag har det? Byt färgkod här!)
}
BANNER: (Bilden där uppe, där det står Honeydew.. I could have been someone o.s.v)
#header {
background: #FFFFFF url(HÄR KLISTRAR DU IN URLEN!) no-repeat right center;
padding-left: 30px;
padding-bottom:15px;
padding-top:30px;
margin: 0px 0px 20px;
width: 700px; (Vart bannern ska sitta, åt höger eller vänster? Om du vill ha den i mitten så ta mellan 600-700!)
height: 200px; (Är din banner hög? Öka talet isåfall..=200px)
}SIDLISTAN: (Där kategorier och allt det där står.. )
#side {
margin-right:0;
padding: 24px 12px 0px;
background: #fff; (Färgen på bakgrunden..)
width: 150px; (Bredd på listan..)
margin-left: 620px;
}FÅ BORT BLOGGNAMNET?
#header a {
color: #fff;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 0px;
font-weight: normal;
}
Om du vill få bort bloggnamnet som säkert är i vägen för din banner så kopierar du denna tag och klistrar in den i stilmallen..
RUBRIKERNA TILL INLÄGGEN:
/** Entry headers **/
h3 {
font-family: Century gothic; (Textsnitt på rubriken..)
font-size: 23px; (Storlek på rubriken..)
font-weight: medium;
color: #000;
background:#fff; (Bakgrundsfärg för rubrik..)
padding:14px 10px 10px 15px;
margin: 0px 0px 10px;
height: 14px;
vertical-align: top;
text-align: left; (Skriv right om du vill att rubriken ska stå åt höger istället.. )
}
RUBRIK: (Kategorier, arkiv, länkar.. o.s.v)
.navheader {
font-family: century gothic; (Textsnitt..)
font-size: 16px; (Storlek på texten..)
font-weight: bold; (Bold = tjock text.. Underline = understruket.. Justify = kursiv..)
color: #000000; (Färg.. )
margin-bottom: 3px;
}
TILL LÄNKARNA I SIDLISTAN:
.nav a {
color: #000000; (färg..)
text-decoration:none;
font-family: century gothic; (textsnitt..)
font-size: 12px; (storlek.. )
}
.nav a:hover { color: #999999;text-decoration:bold;} (När du håller musen över.. )
TEXTEN I INLÄGGEN:
/** Post's body text **/
.entrybody {
font-family: "Times New Roman", Times, serif;
font-size: 12px;
font-weight: normal;
color: #333;
line-height: 130%;
text-align:justify;
padding:20px;
margin: 10px 0px 0px 0px;
}
Vid det här laget vet ni väl hur man ändrar storlek, färg och text va?
DATUM DÅ INLÄGGET POSTADES:
/** 'Posted by' txt **/
.entrymeta {
font-family: century gothic;
font-size: 10px;
font-weight: normal;
color: #666;
padding:20px;
text-align:right;
}
Samma där, bara ändra färg, storlek och så vidare..
FÄRG DÄR DET STÅR HUR MÅNGA KOMMENTARER MAN FÅTT, (LÄNK):
.entrymeta a { color: #D9CCD0; text-decoration:bold;}
.entrymeta a:hover { color: #fff;text-decoration:bold; }
Beroende på vilken stilmall man väljer så kan det finnas streck mellan varje inlägg, avbrytare.. Denna tag heter "separator".. Vill du inte ha strecken där så byter du bara ut färgkoden till #FFFFFF = vitt.
RSS-KNAPPEN! (Den oranga i sidlistan.. den är oftast orange iaf..)
.xmlButton {
border:1px solid;
border-color:#D9CCD0 #D9CCD0 #D9CCD0 #D9CCD0;
padding:0 3px;
font:bold 10px Verdana, Arial, Helvetica, Sans-serif;
color:#000;
background:#fff;
text-decoration:bold;
margin:0;
}
RAMAR RUNT BILDER:
.image {
border: 1px solid #ffffff;
padding: 0px 0px 0px 0px;
margin: 0px 6px 6px 0px;
}
.thumbnail {
border: 2px solid #ffffff;
margin: 0px 6px 6px 0px;
}
Hittade i en tjejs blogg, sparar den här, så jag kan ta hjälp av den sen !
