Jennys Modemix

I min blogg kan ni hitta allt som har med mode och göra - shoppingtips, smycken, väskor och en STOR förkärlek till SKOR. Ni hittar även bloggtips, bloggdesign och mycket mycket mer.

Kodguide i din Stilmall på blogg.se

Publicerad 2010-11-04 20:05:15 i BloggTips



STILMALLEN

/*BAKGRUND*/
body {
background:url("http://jennysmodemix.se/images/2010/background-valentina_112676463.jpg") repeat fixed 0 0 transparent;
margin:0;
padding-bottom:0;
padding-top:0;
text-align:center;
}

/*LÄNKAR I INLÄGGEN*/
a {
color:#4E4E4E;text-decoration:none;
}

a:hover {
background:none repeat scroll 0 0 transparent;
border-bottom:0 solid #C9BBA0;
border-top:0 solid #574444;
color:#000000;
text-shadow:0 1px 2px #000000;   /* denna koden gör länken skuggad*/
}


/*Vill ni även att texten ska vara skuggan då lägger ni till denna texten:   ovanför i a:hover*/
text-shadow:0 1px 2px #000000;


/*SJÄLVA BLOGGENS BAKGRUND - Den vita ytan*/
#wrapper {
border-color:#FFE5D6 #BAB4AB #BAB4AB;
border-style:solid;
border-width:0;
margin:25px auto;
padding:0;
text-align:left;
vertical-align:top;
width:987px;
}

/*GÖR ATT BAKGRUNDEN BLIR EN HEL RUTA OCH INTE DELAS*/
#wrapper:after {
background:none repeat scroll 0 0 #FFFFFF;
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

/*TEXT dock om du anger <p> själv i kodmallen*/
p {
margin:0;
padding:0;
}

/*HEADER, rutan längst upp på bloggen*/
#header {
background:url("http://jennysmodemix.se/images/2010/header-valentina-by-jennysmodemix_112844033.png") repeat scroll 0 0 transparent;
height:240px;
margin:0 auto;
padding:0;
text-align:left;
}

/*SIDOMENYN/*
#side {
background:url("http://jennysmodemix.se/images/2010/side-bg-jennysmodemix_110101647.png") repeat scroll 0 0 #eaf2f5;
border:2px solid #ffffff;
float:right;
margin:-190px 0 0;
opacity:0.9;
padding:0;
vertical-align:top;
width:189px;
}

/*KODEN FÖR OCH GÖRA SIDOMENYN I BOXAR - glöm ej i så fall och ta bort background under side/*
#box {
background:url("http://jennysmodemix.se/images/2010/side-bg-jennysmodemix_110101647.png") repeat scroll 0 0 #f5e8e6;
border:2px solid #FFFFFF;
width: 190px;
padding : 0 8px;
}


/*SJÄLVA INLÄGGETS BAKGRUND - använd främst denna för inställningar*/
#content {
background:none repeat scroll 0 0 #FFFFFF;
border-right:0 solid #F0F0E8;
float:left;
margin-right:0;
margin-top:0;
padding:0;
text-align:right;
vertical-align:top;
width:793px;
}

/*TEXT I HEADER*/
#header a {
color: #000;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
}

h1 {
color:#000000;
font-family:arial,verdana,sans-serif;
font-size:14px;
font-weight:bold;
height:30px;
margin:0;
padding:0;
text-transform:uppercase;
}
h2 {
color:#000000;
font-family:arial,verdana,sans-serif;
font-size:11px;
font-weight:normal;
margin:0;
padding:0;
width:170px;
}

/*INLÄGGSRUBRIK/*
/** Entry headers **/
h3 {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:0 dotted #E3E3DE;
border-top:0 dotted #F1F1E7;
color:#5E5851;
font-family:Georgia;
font-size:36px;
font-style:normal;
font-weight:normal;
margin-bottom:0;
margin-top:20px;
padding-bottom:2px;
padding-left:20px;
padding-top:45px;
text-align:center;
}

/*SIDOMENYNS RUBRIK*/
.navheader {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:0 solid #625F5F;
border-top:0 dotted #F1F1E7;
color:#9A9890;
font-family:georgia;
font-size:12px;
font-weight:normal;
margin-bottom:3px;
margin-top:3px;
padding:1px 5px;
text-align:left;
text-transform:uppercase;
}

/*SIDOMENYNS YTA, dvs rubriker, länkar osv*/
.nav {
color:#685C58;
font-family:tahoma;
font-size:10px;
font-weight:normal;
padding-left:0;
padding-right:0;
padding-top:3px;
}

/*LÄNKLISTA*/
.nav ul {
background-color:#FFFFFF;
font-weight:normal;
margin:0 0 7px;
padding:5px 10px 18px;
}

/*LÄNKAR I SIDOMENYN*/
.nav li {
font-weight:normal;
list-style:none outside none;
padding:0 0 6px;
}

/*HÄR ANGER DU LÄNKARS "UNIK HETER" */
.nav a {
color:#4E4E4E;
text-decoration:none;
}

a:hover {
background-color:#e6eef1;
color:#FFFFFF;
text-decoration:none;
}
/*HOVER - då du lägger musen över en länk, samt där du kan lägga in en egen muspekare*/

/*INLÄGG*/
/** Post's body text **/
.entrybody {
color:#000000;
font-family:Courier New;
font-size:12px;
font-weight:normal;
line-height:140%;
padding:30px 27px 10px;
text-align:justify;
}

/*TID OCH LÄNKAR UNDER INLÄGGET - Ex kommentarer, trackbacks osv*/
/** 'Posted by' txt **/
.entrymeta {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:1px solid #F0F0E8;
border-top:0 solid #E3E3DE;
color:#000000;
font-family:tahoma;
font-size:10px;
font-weight:normal;
padding:3px;
text-align:left;
}

/*SJÄLVA LÄNKARNA - egna önskemål */
.entrymeta a {
color:#7B7B71;
text-decoration:none;
}

.entrymeta a:hover {
background-color:transparent;
color:#000000;
font-size:10px;
text-decoration:none;
}

/*KOMMENTARSRUBRIK - Ex Postat av: Dinfotobutik*/
.commentheader {
background:none repeat scroll 0 0 #acc0c7;
border-color:#383838;
border-left:1px dotted #383838;
border-right:1px dotted #383838;
border-top:1px dotted #383838;
color:#000000;
font-family:tahoma,arial,georgia;
font-size:10px;
font-weight:normal;
margin-left:5px;
margin-right:5px;
padding-bottom:2px;
padding-left:15px;
padding-top:2px;
text-align:left;
}

/*KOMMENTARSTEXT*/
.commenttext {
background:none repeat scroll 0 0 #e6eef1;
border-left:1px dotted #383838;
border-right:1px dotted #383838;
border-top:1px dotted #383838;
color:#000000;
font-family:tahoma;
font-size:12px;
font-weight:normal;
line-height:150%;
margin-left:5px;
margin-right:5px;
padding:8px 25px 9px 15px;
text-align:left;
}

/*KOMMENTARSTID och LÄNKAR - ex tidpunkten då kommentaren postades och blogglänk*/
.commentmeta {
background:none repeat scroll 0 0 #acc0c7;
border-bottom:1px dotted #383838;
border-left:1px dotted #383838;
border-right:1px dotted #383838;
color:#000000;
font-family:tahoma,arial,georgia;
font-size:10px;
font-weight:normal;
line-height:150%;
margin-bottom:16px;
margin-left:5px;
margin-right:5px;
padding:2px 15px;
text-align:left;
}

/*Länkar - egna önskemål*/
.commentmeta a {
color:#8E8D78;
text-decoration:none;
}

.commentmeta a:hover {
border-bottom:0 solid #F2CBA5;
border-top:0 solid #F2CBA5;
color:#C8C6A9;
font-size:10px;
}

/*Kommentarrutan - kan inte ändra färg I själva textrutor osv*/
.commentform {
background:none repeat scroll 0 0 #e6eef1;
border:0 solid #EEE0D8;
color:#5A5958;
font-family:tahoma;
font-size:10px;
font-weight:normal;
margin-left:5px;
margin-right:5px;
text-align:left;
}

/*LINJERNA MELLAN INLÄGGEN*/
.separator {
display:none;
}

/*RUBRIK TILL KOMMENTARER OCH TRACKBACKS*/
.default {
display:none;
}

/* inget du behöver ändra*/
.subside {
font-size:0.7em;
font-weight:normal;
padding:0;
}
.xmlButton {
background:none repeat scroll 0 0 #FF6600;
border-color:#FFCC99 #663300 #333300 #FF9966;
border-style:solid;
border-width:1px;
color:#FFFFFF;
font:bold 10px Verdana,Arial,Helvetica,Sans-serif;
margin:0;
padding:0 3px;
text-decoration:none;
}
.image {
border:1px solid #5E6655;
margin:0 6px 6px 0;
padding:0;
}
.thumbnail {
border:2px solid #889977;
margin:0 6px 6px 0;
}
.video {
padding:0 0 30px 30px;
}
.fieldName {
font-family:Verdana,Arial,Helvetica,Sans-serif;
font-size:11px;
margin:0 0 12px;
}
select {
font-family:Verdana,Arial,Helvetica,Sans-serif;
font-size:11px;
}


/*SÖK FORMULÄRET - samt KOMMENTARSFORMULÄRET*/
form {
margin:0 0 6px;
padding-left:10px;
}

/*PROFIL i överlag*/
#profile {
font-family:verdana,arial,sans-serif;
font-size:11px;
font-weight:normal;
mar

/*PROFIL rubrik "OM" */
#profile h4{
color:#000000;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:16px;
font-weight:bold;
margin:0 0 5px;
}

/*PROFIL TEXT*/
#profile p{
}


/*HÄR ÄNDARAR DU BAKGRUNDENSBILDEN/FÄRGEN I KNAPPEN SÖK HÄR SAMT DÄR MAN SKRIVER I KOMMENTARER*/

input {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #D0CFBC;
color:#656262;
font-family:courier new;
font-size:11px;
font-weight:normal;
}
textarea {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #D0CFBC;
color:#575353;
font-family:courier new;
font-size:12px;
font-weight:normal;
}


/*KODEN DU LÄGGER TILL NÄR DU VILL HA EN DROPDOWN OVANFÖR HEADERN*/
#navbar {
margin: 0;
padding: 0;
height: 1em; }
#navbar li {
list-style: none;
float: left; } /* Ändra till right om du vill ha menyn till höger istället*/
#navbar li a {
display: block;
padding: 3px 8px;
background-color: #f48f9d; /*Ändra färgen på menyflikarna här*/
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
color: #fff; /*Ändra färgen på texten här*/
text-decoration: none;
font-family: Century Gothic; /*Ändra typsnittet här*/
font-size: 11px; } /*Ändra storleken på texten här*/
#navbar li ul {
display: none;
width: 10em; /* Ändra bredden på undermenyn här */
background-color: #69f;}
#navbar li:hover ul, #navbar li.hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
z-index: 1; }
#navbar li:hover li, #navbar li.hover li {
float: none; }
#navbar li:hover li a, #navbar li.hover li a {
background-color: #f7adb7; /*Ändra färgen på undermenyn*/
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
color: #ffffff; } /*ändra textfärgen på undermenyn här*/
#navbar li li a:hover {
background-color: #f2717f; } /*Ändra färgen när man håller musen över undermenyn*/



FLYTTA OBJEKT
margin: Flyttar själva objektet.
padding: Flyttar själva texten inuti objektet.
Gällande hur man flyttar åt vilket håll är detta en enkel beskrivning
1px 2px 3px 4px - 1px flyttar uppåt, 2px höger, 3px nedåt, 4px åt vänster
float: välj om du vill positionera objektet till höger eller vänster (inte center)

FÄRGER
Background - anger bakgrunden
color: anger färgen på texten glöm ej och skriva  före färgkoden

STORLEK
width: anger bredd
height: anger höjd

TEXT
font-weight: väljer om du vill ha tjock, kursiv eller normal text (bold, normal osv)
font-family: anger typsnitt (ex arial, verdana, sans-serif)
text-transform: anger om du vill ha stor eller liten text
text-decoration: anger om du vill ha understreck eller liknande på text

ÖVRIGT
visibility: hidden; gömmer objektet

Kommentarer

Postat av: chasmine.l

Publicerad 2010-11-07 14:11:24

OH!!! precis det här jag letat efter tack! :D

Postat av: A M ♥

Publicerad 2010-11-10 17:42:50

Fixade den där mellanrummet vid headern, men det ända saken jag har problem med är där det står kommenter permalink osv där det är grönt färg, det händer inget?



Tacksam för svar!

Kommentera inlägget

Publiceras ej

Om

Min profilbild

SweetnCute

I min blogg kan ni hitta allt som har med mode och göra - shoppingtips, smycken , väskor och en STOR förkärlek till SKOR. Ni kan även hitta bloggdesign hjälp & tips, ladda ner gratis bloggdesign, beställa personliga bloggdesign och mycket mycket mer

Senaste inläggen

Kategorier

Arkiv

Prenumerera och dela