# Nya blogg.se
Author: Loviisaa

ärligt talat, jätte krånligt. blir så sur haha! Suttit och försökt lägga in en header.. använder stilmallen dotty.

  

Någon som vet hur man lägger in en egen gjord header? 😭

## Comment 1
Author: Fridaaaa

Står det inte header i stilmallen eller i kodmall? (sett blogg där man ändrar i kodmall nämligen).

## Comment 2
Author: Loviisaa

Får kolla igen. Har bara kollat i stilmallen.

## Comment 3
Author: Loviisaa

Nepp..hittar inget. ;/

## Comment 4
Author: [Borttaget]

Inte krångligare än det var tidigare, det är ju precis samma sak bara att de flyttat om lite. Googla på hur du lägger in en header.

## Comment 5
Author: Loviisaa

Jaså. åh. Visste tidigare hur ja lade in headers men nu hittar jag inte vart. Och söker jag så kommer jag bara till guider från gamla design funktionen. :S

## Comment 6
Author: [Borttaget]

#5 Men det är ju fortfarande exakt samma sak, de har bara flyttat rutan där man kodar, kodmallen kommer dock upp först så du måste byta till stilmall.

## Comment 7
Author: Loviisaa

/\* Theme Dotty \*/

@import url("http://static.blogg.se/themes/dotty/style.css");

{{options.importstr}}

body {

    background-color: {{options.color.background}};

    background-image: {{options.image.background.urlsrc}};

}

.header-big { background-image: {{options.image.header.urlsrc}}; }

.header-small:first-of-type { background-image: {{options.image.header1.urlsrc}}; }

.header-small:nth-of-type(2) { background-image: {{options.image.header2.urlsrc}}; }

.header-small:nth-of-type(3) { background-image: {{options.image.header3.urlsrc}}; }

.header-small:nth-of-type(4) { background-image: {{options.image.header4.urlsrc}}; }

.header-small:nth-of-type(5) { background-image: {{options.image.header5.urlsrc}}; }

.header-small:nth-of-type(6) { background-image: {{options.image.header6.urlsrc}}; }

#header {  

    height: 346px;

}

.nav a, a, body, .nav, .commentmeta a:hover, .navheader, .commentheader, .commentmeta, .commentmeta a { 

color: {{options.color.header}}; 

}

.entrybody, .commentform, .commenttext, #profile, #profile .info-profile, a:hover, .nav a:hover  { 

color: {{options.color.body}};

}

.social svg, .bloglovin svg { fill: {{options.color.header}}; }

h1, h2, #header h1 a { color: {{options.color.background2}}; }

#side, #content, .header-wrap { background: {{options.color.background2}}; }

.avatar {    

    border-bottom: 1px solid {{options.color.border}}; 

    border-top: 1px solid {{options.color.border}}; 

}

.navheader { border-bottom: 2px solid {{options.color.border}}; }

.commentheader { border: 1px solid {{options.color.border}}; }

.commenttext, .commentmeta {  

    border-bottom: 1px solid {{options.color.border}};

    border-left: 1px solid {{options.color.border}};

    border-right: 1px solid {{options.color.border}};

}

.response-by, .entrymeta { border-bottom: 1px solid {{options.color.border}}; }

.response, .response-by {

  border-left: 1px solid {{options.color.border}};

  border-right: 1px solid {{options.color.border}};

}

.dot { color: {{options.color.border}}; }

h3, .avatar, .commentheader { 

background: {{options.color.border}};

}

h3, .navheader { 

font-family: "{{options.gfont.heading.name}}", {{options.gfont.heading.fallback}};

}

h1 {

    font-size: 2.2em;

    height: 40px;

    margin-left: 280px !important;

    margin-top: 84px !important;

    overflow: hidden;

    width: 100%;

}

h1, h2, .nav, .entrybody, .commentheader, body, .commenttext, .commentmeta .response, .response-by, .commentform, select {

    font-family: "{{options.gfont.body.name}}", {{options.gfont.body.fallback}};

}                                                                                                   h3 { 

font-size: {{options.fontsize.heading}};

}

.navheader {

    font-size: {{options.fontsize.header}};                                           }                                                                                         .entrybody, .nav, .commentheader, .commenttext, h2, .response, .response-by  {

    font-size: {{options.fontsize.body}};

    line-height: 140%;

}

.commentmeta, .commentform, select {

    font-size: {{options.fontsize.body}};                                              }                                                                                         .header-wrap { position: absolute; bottom: 7px; }

.header-right .header-wrap {width: 354px; right: 0; }

## Comment 8
Author: [Borttaget]

#7 Det har inte med blogg.se att gör, utan det är så där temat ser ut.

Jag får upp detta när jag inspekterar elementen, prova lägg in det i stilmallen istället;

body {  
margin: 0px;  
padding:0px;  
background: url(http://cdn1.cdnme.se/4261436/6-3/orange\_stripe\_5252c4c69606ee512f35fb34.jpg) repeat;  
}  
  
a {  
color: #F9B889;  
text-decoration:none; }  
a:hover {color: #7F6F63; text-decoration:none;}  
  
#wrapper {  
clear:none;  
margin: 10px auto;  
padding: 0px;  
width: 1000px;  
background-color: none;  
}  
  
#wrapper:after {  
content: ".";  
display: block;  
height: 0;  
clear: both;  
visibility: hidden;  
}  
  
p {  
padding: 0px 0px 0px 0px;  
margin: 0px 0px 0px 0px;  
}  
  
#header {  
background: #ffffff url(http://cdn1.cdnme.se/4261436/6-3/lovisaandersson\_4\_52533bad9606ee30f1cca880.jpg);  
padding-left: 0px;  
padding-bottom: 0px;  
padding-top: 10px;  
margin: 0px 0px 10px 0px;  
width: 990px;  
height: 698px;  
border: 5px solid #ffffff;  
\-moz-box-shadow: 0 0 2px #7F6F63;  
\-webkit-box-shadow: 0 0 2px #7F6F63;  
box-shadow: 0 0 2px #7F6F63;  
}  
  
#side {  
float: left;  
width: 220px;  
margin: 0px;  
padding: 10px 5px 10px 5px;  
left: 0px;  
background: #ffffff;  
border-right-width: 0px;  
border-right-style: dashed;  
border-right-color: #CCCCCC;  
\-moz-box-shadow: 0 0 2px #7F6F63;  
\-webkit-box-shadow: 0 0 2px #7F6F63;  
box-shadow: 0 0 2px #7F6F63;  
}  
  
#content {  
overflow: hidden;  
background: #ffffff;  
\-moz-box-shadow: 0 0 2px #7F6F63;  
\-webkit-box-shadow: 0 0 2px #7F6F63;  
box-shadow: 0 0 2px #7F6F63;  
width: 765px;  
position:relative;  
left:0px;  
padding: 10px 0px;  
voice-family:"\\"}\\"";  
voice-family:inherit;  
float: right;  
margin: 0px; }  
  
#header a {  
color: #000;  
text-decoration: none;  
font-family: Arial, Helvetica, sans-serif;  
font-size: 24px;  
font-weight: normal;  
}  
  
h1 {  
font-family: 'Oranienbaum', sans-serif; arial, verdana;  
font-size: 32px;  
font-weight: normal;  
color: #F9B889;  
background: #ffffff;  
text-transform:uppercase;  
margin: 10px 590px 0px 0px;  
padding: 0px 0px 0px 40px;  
}  
  
h2 {  
font-family: 'La Belle Aurore', Verdana, sans-serif; arial, Tahoma;  
font-size: 21px;  
font-weight: normal;  
color: #ffffff;  
margin: 0px 0px 0px 40px;  
padding: 0px;  
text-transform:normal;  
}  
  
/\*\* Entry headers \*\*/  
h3 {  
background: #ffffff;  
font-family: 'Oranienbaum', sans-serif; Arial, Helvetica;  
font-size: 31px;  
font-weight: normal;  
padding: 0px 0px 0px 20px;  
color: #F9B889;  
margin: 0px 0px 0px;  
text-transform: uppercase;  
}  
  
.navheader {  
font-family: 'Oranienbaum', sans-serif; Arial, Helvetica;  
font-size: 22px;  
font-weight: normal;  
color: #F9B889;  
padding: 5px 0px 0px 0px;  
margin: 0px 10px 0px 10px;  
text-transform: uppercase;  
border-bottom: 0px dotted #f1f1f1;  
width: 200px;  
border-bottom: 3px solid #EDE3DA;  
}  
  
.nav {  
font-family: verdana, Arial, Helvetica, Sans-serif;  
font-size: 11px;  
font-weight: normal;  
color: #999999;  
margin: 0px;  
}  
  
.nav ul {  
margin: 0px 0px 12px 5px;  
padding: 5px 0px 0px 0px;  
font-weight: normal;  
text-transform:normal;  
}  
  
.nav li {  
list-style: none;  
padding: 0px 0px 6px 0px;  
font-weight: normal;  
text-transform:normal;     
}  
  
.nav a { color: #7F6F63; text-decoration:none; }  
.nav a:hover { color: #F9B889; text-decoration:none;}  
  
/\*\* Post's body text \*\*/  
.entrybody {  
font-family: tahoma, Arial, Helvetica, sans-serif;  
font-size: 13px;  
font-weight: normal;  
color: #7F6F63;  
line-height: 150%;  
margin: 0px 0px 10px 0px;  
background-color: #FFFFFF;  
padding: 5px 15px 0px 15px;  
}  
  
/\*\* 'Posted by' txt \*\*/  
.entrymeta {  
font-family: verdana, arial, tahoma, sans-serif;  
font-size: 11px;  
padding: 3px 0px 2px 10px;  
margin: 0px 0px 0px 0px;  
font-weight: normal;  
color: #7F6F63;  
background: #EDE3DA;  
text-align:left;  
text-transform:normal;  
letter-spacing: 0px;  
width: 765px;  
border-bottom: 0px dashed #EFC4AC;  
}  
  
.entrymeta a { color: #F9B889; text-decoration:none; }  
.entrymeta a:hover { color: #F9E9DE; text-decoration:none; }  
  
.entrymeta2 {  
font-family: 'La Belle Aurore', verdana, arial, sans-serif;  
font-size: 25px;  
padding: 3px 15px 3px 15px;  
margin-bottom: 0px;  
font-weight: normal;  
color: #999999;  
background: none;  
text-align:right;  
text-transform:normal;  
letter-spacing: 0px;  
}  
  
.entrymeta2 a { color: #EFA881; text-decoration:none; padding: 7px;}  
.entrymeta2 a:hover { color: #F9E9DE; text-decoration:none; }  
  
.entrymeta3 {  
font-family: Tahoma, verdana, arial, sans-serif;  
font-size: 11px;  
padding: 0px 73px 3px 0px;  
margin-bottom: 0px;  
margin-top: -15px;  
font-weight: normal;  
color: #7F6F63;  
background: none;  
text-align:right;  
text-transform:normal;  
letter-spacing: 2px;  
}  
  
.entrymeta3 a { color: #7F6F63; text-decoration:none; padding: 7px;}  
.entrymeta3 a:hover { color: #7F6F63; text-decoration:none; }  
  
.commentheader {  
color: #F9B889;  
letter-spacing: 1px;  
width: 800px;  
text-decoration: inline;  
font-size: 31px;  
font-weight: normal;  
margin: 0px 0px 0px 0px;  
padding: 0px 0px 0px 20px;  
font-family: Oranienbaum, arial;  
text-transform: uppercase;  
background: #ffffff;  
text-shadow: none;  
}  
  
.commentheader a { color: #F9B889; letter-spacing: 4px; }  
.commentheader a:hover { color: #7F6F63; letter-spacing: 4px;}  
  
.commentbox {  
margin: 15px auto;  
padding: 5px 0px 0px 0px;  
width: 740px;  
border: 0px solid #EDE3DA;  
background: #ffffff;  
\-moz-box-shadow: 0 0 2px #7F6F63;  
\-webkit-box-shadow: 0 0 2px #7F6F63;  
box-shadow: 0 0 2px #7F6F63;  
}  
  
.commenttext {  
font-family: Tahoma, Trebuchet MS, Arial, verdana;  
font-size: 13px;  
background: #ffffff;  
text-shadow: none;  
font-weight: normal;  
text-align: justify;  
color: #7F6F63;  
font-weight: 550;  
line-height: 150%;  
margin: 0px 0px 0px 0px;  
padding: 10px 15px 10px 15px;  
border-bottom-width: 0px;  
border-bottom-style: solid;  
border-bottom: 0px solid #000000;  
border-right: 0px solid #000000;  
border-left: 0px solid #000000;  
}  
  
.commentmeta {  
font-family: verdana, arial;  
font-size: 10px;  
font-weight: normal;  
border-top: 0px solid #ffffff;  
border-right: 0px solid #000000;  
border-left: 0px solid #000000;  
border-bottom: 0px dashed #EFC4AC;  
color: #7F6F63;  
letter-spacing: 0px;  
text-transform: none;  
background: #EDE3DA;  
margin: 0px 0px 0px 0px;  
padding: 2px 0px 2px 22px;  
}  
  
.commentmeta a { color: #FCBAC1; letter-spacing: 2px; }  
.commentmeta a:hover { color: #f1f1f1; letter-spacing: 2px;}  
  
.commentform {  
font-family: verdana, tahoma, arial, sans-serif;  
width: 700px;  
font-size: 12px;  
letter-spacing: 1px;  
font-weight: normal;  
text-transform: normal;  
color: #7F6F63;  
background: #ffffff;  
border: 0px solid #cccccc;  
margin: 20px 0px 20px 15px;  
padding: 10px 10px 10px 20px;  
}  
  
.response {  
font-family: Tahoma, Trebuchet MS, verdana;  
font-size: 12px;  
font-style: oblique;  
text-align: justify;  
font-weight: normal;  
color: #7F6F63;  
text-shadow: none;  
background: #ffffff;  
line-height: 150%;  
margin: 0px 15px 0px 15px;  
padding: 10px 2px 10px 2px;  
border-top: 1px dashed #EDE3DA;  
border-right: 0px solid #000000;  
border-left: 0px solid #000000;  
}  
  
.response-by {  
font-family: 'Give You Glory', cursive;  
font-size: 0px;  
letter-spacing: 0px;  
font-weight: normal;  
color: none;  
line-height: 130%;  
margin: 0px 0px 0px 0px;  
padding: 5px 5px 5px 5px;  
border-bottom: 0px solid #9e9e9e;  
background: none;  
text-align: right;  
}  
  
.response-from {  
font-family: Tahoma, Trebuchet MS;  
font-size: 13px;  
letter-spacing: 0px;  
font-weight: bold;  
color: #F9B889;  
width: 700px;  
padding: 10px 5px 10px 5px;  
margin: 0px 0px 0px 0px;  
}  
  
input{  
background: #ffffff;  
border: 0px solid #EDE3DA;  
font-family: Tahoma;  
color: #7F6F63;  
font-weight: normal;  
font-size: 11px;  
float: center;  
padding: 5px;  
margin-bottom: 10px;  
\-moz-box-shadow: 0 0 2px #7F6F63;  
\-webkit-box-shadow: 0 0 2px #7F6F63;  
box-shadow: 0 0 2px #7F6F63;  
}  
  
textarea{  
background: #ffffff;  
border: 0px solid #EDE3DA;  
font-family: tahoma;  
color: #7F6F63;  
font-weight: normal;  
font-size: 11px;  
float: center;  
padding: 5px;  
margin-bottom: 10px;  
\-moz-box-shadow: 0 0 2px #7F6F63;  
\-webkit-box-shadow: 0 0 2px #7F6F63;  
box-shadow: 0 0 2px #7F6F63;  
}  
  
.separator {  
border-top: 3px solid #EDE3DA;  
border-bottom: 0px solid #CCCCCC;  
margin: 0px 0px 20px 0px  
width: 735px;  
text-align: center;  
}  
  
hr {  
border-top: 1px dashed #EDE3DA;  
border-bottom: 0px dotted #cccccc;  
border-left: 0px dotted #cccccc;  
border-right: 0px dotted #cccccc;  
background: none;  
width: 735px;  
text-align: center;  
}  
  
.default {  
font-family: Arial, Helvetica, Sans-serif;  
font-size: 11px;  
color: #333;  
font-weight: bold;  
padding: 0px 0px 10px 0px;  
text-transform: uppercase;  
}  
  
.subside {  
font-family: "Trebuchet MS" Verdana, Arial, Helvetica, Sans-serif;  
font-size: 11px;  
font-weight: normal;  
padding: 0px 0px 0px 0px;  
}  
  
  
.xmlButton {  
border:1px solid;  
border-color:#FC9 #630 #330 #F96;  
padding:0 3px;  
font:bold 10px Verdana, Arial, Helvetica, Sans-serif;  
color:#FFF;  
background:#F60;  
text-decoration:none;  
margin:0;  
}  
  
.image {  
border: 0px solid #ffffff;  
background: none;  
padding: 0px 0px 0px 0px;  
margin: 5px 0px 5px 0px;  
max-width: 735px;  
min-width: 735px;  
}  
  
   
  
.thumbnail {  
border: 2px solid #CCCCCC;  
background-color:#FFFFFF;  
padding:2px;  
margin: 0px 6px 6px 0px;  
}  
  
.video{  
padding: 0px 0px 0px 0px;  
}  
  
.fieldName{  
font-family: verdana, arial, sans-serif;  
font-size: 11px;  
margin: 0px 0px 12px 0px  
}  
  
select{  
font-family: verdana, arial, sans-serif;  
font-size: 11px;  
}  
  
form {  
padding: 10px;  
background-color: none;  
margin: 0px 0px 10px;  
}  
  
#profile {  
font-family: Tahoma, Verdana, Helvetica, Sans-serif;  
font-size: 12px;  
font-weight: normal;  
margin: 0px 0px 0px 0px;  
padding: 5px;  
color: #999999;  
text-align: justify;  
}  
  
#socialmedia {  
font-family: Verdana, Helvetica, Sans-serif;  
font-size: 11px;  
font-weight: normal;  
margin: 0px 0px 0px 0px;  
padding: 15px 0px 15px 0px;  
text-align: justify;  
}  
  
#socialmedia a:hover { color: #999999; opacity: .5; }  
  
#profile h4{  
font-family: Arial, Helvetica, Sans-serif;  
font-size: 14px;  
font-weight: bold;  
color: #666666;  
text-transform: uppercase;  
padding: 0px 0px 0px 0px;  
margin: 0px 0px 6px 0px;  
}  
  
#profile p{  
}  
  
#navbar {  
padding: 0px 0px 0px 0px;  
margin: 0px 0px 20px 0px;  
background: none;  
text-transform: normal;  
border: 0px dotted rgb(254, 113, 123);  
}  
  
#navbar {  
padding: 3px 0px 0px 0px;  
margin: 0px 0px 5px 0px;  
height: 29px;  
width: 1000px;  
background: #ffffff;  
text-align: center;  
\-moz-box-shadow: 0 0 2px #7F6F63;  
\-webkit-box-shadow: 0 0 2px #7F6F63;  
box-shadow: 0 0 2px #7F6F63;  
border-top: 0px solid #cccccc;  
border-left: 0px solid #cccccc;  
border-right: 0px solid #cccccc;  
}  
  
#navbar li {  
list-style: none;  
background: #ffffff;  
float: left; } /\* ƒndra till right om du vill ha menyn till hˆger ist‰llet\*/  
  
#navbar li a {  
display: block;  
padding: 1px 15px 0px 22px;  
margin: 0px 0px 0px 0px  
background: #ffffff; /\*ƒndra f‰rgen p menyflikarna h‰r\*/  
color: #7F6F63; /\*ƒndra f‰rgen p texten h‰r\*/  
text-decoration: none;  
text-transform: uppercase;  
border-bottom: 0px solid #fe717b;  
letter-spacing: 0px;  
text-align: center;  
font-weight: normal;  
background-size: auto auto;  
font-family: 'Oranienbaum', arial, Century Gothic, serif, Franklin Gothic, verdana; /\*ƒndra typsnittet h‰r\*/  
font-size: 24px; } /\*ƒndra storleken p texten h‰r\*/  
  
  
#navbar li ul {  
display: none;  
width: 180px auto; /\* ƒndra bredden p undermenyn h‰r \*/  
background: #ffffff; }  
  
#navbar li:hover ul, #navbar li.hover ul {  
display: block;  
position: absolute;  
margin: 0px 10px 0px 0px;  
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: #ffffff;  
border-right: 0px solid #515151;  
border-left: 0px solid #f1f1f1;  
border-bottom: 0px solid #515151;  
font-size: 13px;  
padding: 5px 18px;  
margin: 0px 0px 0px 0px;  
font-family: tahoma,Microsoft Sans Serif, verdana;  
text-align: left;  
font-weight: normal;  
text-transform: none;  
color: #777777; } /\*‰ndra textf‰rgen p undermenyn h‰r\*/  
  
#navbar a:hover {  
background: #ffffff;  
border-bottom: 0px solid #ffffff;  
text-decoration: none;  
text-transform: normal;  
color: #F9B889;} /\*ƒndra f‰rgen n‰r man hÂller musen ˆver ˆvermenyn\*/  
  
#navbar li li a:hover {  
background: #EDE3DA;  
margin-left: 0px;  
border-right: 0px solid #515151;  
border-left: 0px solid #515151;  
border-bottom: 0px solid #515151;  
text-decoration: none;  
font-weight: normal;  
font-size: 13px;  
letter-spacing: 0px;  
color: #F9B889;} /\*ƒndra f‰rgen n‰r man hÂller musen ˆver undermenyn\*/

## Comment 9
Author: Loviisaa

Tack! Ska testa.