# Fixa en egen header
Author: olympiathurfjell

**1.** Börja med att ladda upp en bild som du vill ha som header. Det gör du under skapa/bild.

![1. egen heather](http://www.ifokus.se/ShowUserFile.aspx?BinaryId=7cbb0584-9a5b-4b34-a779-05239cf13934)

Det brukar vara lagom med en bredd på ca 800pix. Men det beror på vilken mall du andvänder dig av.

**2.** När du laddat upp bilden så klickar du på miniatyren som kommer fram.

**3.** När du klickat på miniatyren som kommer fram, så kommer bilden upp i ett internet fönster. Kopiera adressen som visas i adressfältet. Var noga med att få med hela adressen.

![2. egen heather](http://www.ifokus.se/ShowUserFile.aspx?BinaryId=ad2df294-3312-4894-a38d-b4b828f8673b)

**4.** När du kopierat adressen så går du till Desin/Redigera stilmall och letar upp avsnittet som heter #header {.

![3 egen heather](http://www.ifokus.se/ShowUserFile.aspx?BinaryId=b0491d9c-a178-4ac5-a771-1963155566c3)

**5.** Nu ska du klistra in adressen i parantesen där jag har ringat in med lila. Finns det ingen parantes så skriver du url (adressen som du kopierade) bakom där det står "background #färgkod.

**6.** Du kan behöva ändra höjden på din header. Då höjer/sänker du det som heter "height". Behöver du ändra bredden så är det det som heter "width".

**7.** Klart! Du kan ändra fler saker, det är bara att testa dig fram.

**OBS!** Jag tar inget ansvar om något skulle gå fel.

Lycka till med din blogg och hoppas du blir nöjd, om du inte förstår eller undrar något så är det bara att höra av sig.

//Olympia, sajtvärd

## Comment 1
Author: Jojaton

Vill bara påpeka att det heter hea**d**er och inte hea**th**er ![Flört](http://bloggande.ifokus.se/tiny3/plugins/emotions/img/smiley-wink.gif "Flört")

## Comment 2
Author: Trollis-

Jag vill bara påpeka två saker, det ena, som #1 sa. Och det andra är på punkt ett. Man ska ju ladda upp så stor header som bloggen är bred. Är bloggen bredare än 800px ser det ju lite konstigt ut med en mindre header.

Annars är det en jättebra artikel :)

## Comment 3
Author: olympiathurfjell

#1 tänkte inte på det.

#2 kanske det men för mig så har dom alltid varigt 800pis :)

## Comment 4
Author: Trollis-

#3 Okej, men du kanske inte har ändrat bredd på din blogg? :) Min blogg har jag gjort ganska så bred för att jag vill lägga upp större bilder ;)

## Comment 5
Author: mallanz

Jättebra artikel :)

## Comment 6
Author: Moa-16

Men kan man sätta in en sån på vilken designen som helst?. Verkar himla krångligt.

## Comment 7
Author: Michiis

Jag har gjort som det står.. Men ändå blir det bara ingenting, bara headerna som var innan försvinner men den jag har gjort syns inte. Vet ni va jag kan ha gjort för fel?

## Comment 8
Author: Michiis

Jag kom på vad jag gjorde för fel ! (#7)

## Comment 9
Author: Moa-16

Vad gjorde du för fel då?. Kanske någon som kan lära sig något av det:D.

## Comment 10
Author: Moa-16

Undrar vart själva skapa bild grejen är?. Förstår jag inte alls?.

## Comment 11
Author: Trollis-

#10 Menar du vart man gör headern?

## Comment 12
Author: Moa-16

Ja!.

## Comment 13
Author: Trollis-

#12 Det gör du i något bildprogram som t.ex. Photoshop eller Paint.

## Comment 14
Author: Moa-16

Men var är det på bilden då?

## Comment 15
Author: Trollis-

#14 Vilken bild?

## Comment 16
Author: Moa-16

Bilderna i det här inlägget.

## Comment 17
Author: Trollis-

#16 Det står inte med, men det är det första du gör. Alltså:  
1\. Gör din header i något bildprogram.  
2\. Följa anvisningarna som Olympia skrev där uppe, börja på punkt ett.

## Comment 18
Author: Moa-16

Jaha. Stog ju  "Börja med att ladda upp en bild som du vill ha som header. Det gör du under skapa/bild". Såg så enkelt ut på bilderna,Bara då är det ju bra att veta vart dom är tagna;). Men men får väl testa photobucket.

## Comment 19
Author: Trollis-

#18 Lycka till :)

## Comment 20
Author: Moa-16

Är jag helt ute och cyklar eller kan man typ ladda upp hedern på photobucket och ta koden. Och sen då?. Jag har ju blogspot. Någon kan väl typ säga vart i här man ska lägga in koden?

/\* Header  
\-----------------------------------------------  
\*/

#header-wrapper {  
width:100%;  
height: 120px;  
margin:0 auto 10px;  
background: transparent;  
}

#header-inner {  
background-position: left;  
margin-left: auto;  
margin-right: auto;  
}

#header {  
margin: 0px auto;  
text-align: left;

width: 100%;  
height: 90px;  
float: left;  
}

  
#header h1 {  
margin: 0;  
padding:80px 0 0 500px;  
line-height:1.2em;  
text-transform:uppercase;  
letter-spacing:0;  
font: $pagetitlefont;  
color:$pagetitlecolor;  
}

#header a {  
color:#F3F3F3;  
text-decoration:none;  
}

#header a:hover {  
color:#F3F3F3;  
}

#header .description {  
margin:0 5px 5px;  
padding:0 20px 15px;  
max-width:700px;  
text-transform:uppercase;  
letter-spacing:.2em;  
line-height: 1.4em;  
font: $descriptionfont;  
color: $descriptioncolor;  
}

#header img {  
margin-$startSide: auto;  
margin-$endSide: auto;  
}

## Comment 21
Author: Moa-16

Någon?.

## Comment 22
Author: olympiathurfjell

Det kan man. Du skriver bara url (adressen till bilden)

#header {  
background: #FFFFFF url(http://othurfjell.blogg.se/images/2009/othurfjell\_redigerad-1\_45305311.jpg) no-repeat right center;

## Comment 23
Author: Moa-16

Det går inte!.

Har en annan mall nu. Som test.

#header-inner {  
  background-position: center;  
  margin-left: auto;  
  margin-right: auto;  
}

Någonstans i den ska koden vara va?. Här är min kod iaf.

<a href="http://s730.photobucket.com/albums/ww302/Moa-photos/?action=view&current=1073uqx-1.gif" target="\_blank"><img src="http://i730.photobucket.com/albums/ww302/Moa-photos/1073uqx-1.gif" border="0" alt="Photobucket"></a>

## Comment 24
Author: Trollis-

#23 Du ska endast använda http://i730.photobucket.com/albums/ww302/Moa-photos/1073uqx-1.gif ![Flört](http://bloggande.ifokus.se/tiny3/plugins/emotions/img/smiley-wink.gif "Flört")  
Sen vet jag dock inte om det är något speciellt på blogspot eftersom jag använder blogg.se

## Comment 25
Author: olympiathurfjell

Jag har för mig att man kan ladda in sin egen heather utan att krångla med koder. Men jag kan ha fel, har inte aandvänt det på länge.

## Comment 26
Author: Moa-16

#24 Men vad är det för kod då?;). Lite efter,hehe.

#25 Jo. Men det blir så konstigt då.

## Comment 27
Author: Trollis-

#26 Haha, va? :P

## Comment 28
Author: Moa-16

Jag menar vilken del av koden det var som skulle vara med;). Men jag kan ju ta den koden som du skrev, Kom jag på;). Jaha då får jag väl testa igen då!.

## Comment 29
Author: Moa-16

Ååå blir tokig!. Varför kan det inte bara fungera för!.

Ska det vara såhär?.

#header-inner {  
  background-position: center;http://i730.photobucket.com/albums/ww302/Moa-photos/1073uqx-1.gif   
  margin-left: auto;  
  margin-right: auto;  
}

Eller vad?

## Comment 30
Author: Trollis-

#29 Testa det här: background: #FFFFFF url (http://i730.photobucket.com/albums/ww302/Moa-photos/1073uqx-1.gif) no-repeat;

## Comment 31
Author: Moa-16

Nä, det går inte. Säkert inte samma på blogspot. Då det fungerar på blogg.se Kanske ska byta;).

## Comment 32
Author: Trollis-

#31 Haha, det skulle i alla fall bli lättare för _mig_ att hjälpa dig :P Men du ska ju ha den du trivs bäst med ^^ Du kan ju testa och göra en blogg på blogg.se och se vad du tycker om det (ifall du inte redan har gjort det förut).  
  
Men annars så kan du testa det här, har inte den blekaste aning om det funkar. Men du kan ju testa: background-position: center url (http://i730.photobucket.com/albums/ww302/Moa-photos/1073uqx-1.gif);

## Comment 33
Author: Moa-16

#32 Jo jag har gjort det. Där funkar det iaf att ändra;).

## Comment 34
Author: Moa-16

Hur får man upp den?., Hamna lixom långt nere på sidan?. Känns som jag testat att ändra allt. **Och allt** utan det som ska ändras ändras;/.

## Comment 35
Author: Trollis-

#34 Om du menar headern, så testa att ändra _margin-värdet_ under _#header_ i stilmallen till ett lägre tal.

## Comment 36
Author: Moa-16

#35 Jo, det var det jag mena. Får testa det. Vet du också, hur man kapar menyn?. Du vet, så det blir rutor?. Typ en ruta för arkiv och en för länkar (tex?). Hittar inte det på designa din blogg?

## Comment 37
Author: Moa-16

Men margin står ju på 0?. Men det är när jag ändrar height: och  
width: så att headern ska synas det blir fel. Då hamnar den lixom längre nere...

## Comment 38
Author: Moa-16

Fixa det med headern. Men det där med menyn?. Vore snällt om någon kan förklara. Ev länka om det inlägget finns på designa din blogg. jag hittar det inte iaf. \*vart lite fel tema bara\* \*alltså här-.-\*

## Comment 39
Author: Trollis-

#38 [Här](http://www.designadinblogg.se/2009/june/skapa-egna-rutor-att-skriva-i.html) finns det på Designa din blogg ;)

## Comment 40
Author: Moa-16

Jaha, konstigt, jag hitta inte![Oskyldig](http://bloggande.ifokus.se/tiny3/plugins/emotions/img/smiley-innocent.gif "Oskyldig").

## Comment 41
Author: Trollis-

#40 Du sökte nog på fel ;) Man måste vara väldigt noga med att söka med rätt ord, vilket kan vara ganska svårt ibland.

## Comment 42
Author: Moa-16

När jag satt in den andra rutan (#38)så blev det samma på dom båda. Fast det skulle vara olika?. Vad gör man åt det?.

## Comment 43
Author: Trollis-

#42 Det krånglar åt mig också, men vet faktiskt inte hur jag lyckades fixa till det :P Jag satt och krånglade med det i någon timme innan jag fick till det. Dock har jag fortfarande lite problem som jag måste lösa.  
Så jag kan tyvärr inte hjälpa dig med tanke på att jag inte vet hur jag fick till det...

## Comment 44
Author: Moa-16

Vad synd. Får väl trixa lite till då.

## Comment 45
Author: Melvis

Jag har gjort en egen header till min blogg.(använder blogg.se)  Jag klistrar in den efter #header { men sen när jag kollar på bloggen sen är inte headern där och den gammla är borta. Jag har gjort som det står, men tydligen måste jag ha gjort något fel (:  
Någon som har något råd??

## Comment 46
Author: olympiathurfjell

Har du gjort såhär?

#header {  
background: #FFFFFF url(bildlänken här)  
no-repeat right center;

Om det inte funkar så är det väldigt kontigt. Det kan ju vara om du glömt ta bort den gamla heathern eller liknande.

## Comment 47
Author: sofia135

Assså det går juh inte![Rynkar på näsan](http://bloggande.ifokus.se/tiny3/plugins/emotions/img/smiley-frown.gif "Rynkar på näsan")

## Comment 48
Author: sofia135

Hur ska jag göööraaaa????![Obestämd](http://bloggande.ifokus.se/tiny3/plugins/emotions/img/smiley-undecided.gif "Obestämd")

## Comment 49
Author: Moa-16

#48 Om du läser inlägget, hittar du säkert svaret där![:-d](http://bloggdesign.nu/smilys/set1/1/4.gif)

## Comment 50
Author: Oriel

Jag har gjort en "såhär laddar du upp en header-guid" :)

[http://evenel.blogg.se/2009/november/hur-du-gor-en-header-1.html#comment](http://evenel.blogg.se/2009/november/hur-du-gor-en-header-1.html#commenthttp://evenel.blogg.se/2009/november/hur-du-gor-en-header-1.html#comment)

[](och här)[http://evenel.blogg.se/2009/november/sahar-laddar-du-upp-en-header.html#comment](och här)

## Comment 51
Author: riiffen

Var någonstans ska man sätta länken till headern i denna koden?

div#header {  
  float: left;  
  clear: left;  
  display: inline;  
  padding: 0 20px 20px 20px;  
  border-bottom: 1px solid #ddd;  
  width: 1000px;  
}

## Comment 52
Author: riiffen

#51 Haha, nu fattade jag ;))

## Comment 53
Author: [Borttaget]

Riiffen: Kan du förklara hur du gjorde? ;)

## Comment 54
Author: Moa-16

#53 Om du läser inlägget, är det just vad som förklaras (:

## Comment 55
Author: [Borttaget]

jo, men jag försökte, men det funkade inte..

## Comment 56
Author: [Borttaget]

dublett

## Comment 57
Author: Moa-16

Okej, hur gjorde du då? Annars klistrar du in den delen här så kanske jag kan hjälpa dig!

## Comment 58
Author: mii2

Jag fattar inte nånting?

Jag har blogg.se är det någon skillnad kan man göra det här även om man har det?

Skulle bli jätte glad för svar för jag behöver verkligen hjälp!?

Har dock kunnat det förut men tiden går så fort och jag kommer inte ihåg längre..

Jag fattar delen där man ska kopiera men sen kommer klistra in, VART?

Har en otroligt vacker header som ligger och väntar på att få visas.

HJÄLP!

## Comment 59
Author: Moa-16

#58 Men om du läser inlägget står det ju **vart** du ska klistra in?

## Comment 60
Author: LillaLoppan123

Hej jag fattar inte var någonstans det man ska klippa in är:

/\* Theme Name: dark\_army Description: A dark military-style layout. Version: 1.0 Author: sparkBB Author URI: http://www.sparkbb.com/ Tags: fixed width, left sidebar, two columns, valid XHTML, widgets \*/ /\* begin Page \*/ body { margin: 0 auto; padding: 0; font-size: 62.5%; /\* Resets 1em to 10px \*/ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background-color: #6E6E6E; background-image: url('http://i43.tinypic.com/rvf5tf.png'); background-repeat: repeat; color: #8BAAA0; } h2 { font-size: 18px; } .Main { position: absolute; width: 100%; left: 0; top: 0; } .PageBackgroundGradient { background-image: url('http://i43.tinypic.com/2nhlptw.png'); background-repeat: repeat-x; height: 900px; } table, th, td { font-size: 1em; padding: 0; border-collapse: collapse; } a img { border: 0; } a { color: #9C9C9C; } a:link { color: #9C9C9C; } a:visited { color: #878787; } a:hover { color: #9C9C9C; } /\* end Page \*/ /\* begin Box, Sheet \*/ .Sheet { min-width:23px; min-height:23px; margin: 0 auto; position: relative; overflow: hidden; z-index: 0; width: 800px; } \* html .Sheet { width:expression(this.offsetWidth < 23 ? 23+"px" : "auto !important"); height:expression(this.offsetHeight < 23 ? 23+"px" : "auto !important"); width: 800px; zoom: 1; } .Sheet-body { position: relative; overflow: hidden; z-index: 0; margin: 6px; text-align: left; } .Sheet-tl { position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; width: 21px; height: 21px; background-image: url('http://i44.tinypic.com/1zf7sjd.png'); } \* html .Sheet-tl { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t\[i\];if(l.href&&/style\\\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://i44.tinypic.com/1zf7sjd.png',sizingMethod='crop')"); } .Sheet-tr { position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width: 21px; height: 21px; } \* html .Sheet-tr { font-size: 1px; left: expression(this.parentNode.offsetWidth-21+'px'); } .Sheet-tr div { position: absolute; z-index: -1; top: 0px; left: -21px; width: 42px; height: 42px; background-image: url('http://i44.tinypic.com/1zf7sjd.png'); } \* html .Sheet-tr div { background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t\[i\];if(l.href&&/style\\\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://i44.tinypic.com/1zf7sjd.png',sizingMethod='crop')"); } .Sheet-bl { position: absolute; overflow: hidden; z-index: -1; bottom: 0; left: 0; width: 21px; height: 21px; } \* html .Sheet-bl { font-size: 1px; top: expression(this.parentNode.offsetHeight-21+'px'); } .Sheet-bl div { position: absolute; z-index: -1; top: -21px; left: 0; width: 42px; height: 42px; background-image: url('http://i44.tinypic.com/1zf7sjd.png'); } \* html .Sheet-bl div { background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t\[i\];if(l.href&&/style\\\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://i44.tinypic.com/1zf7sjd.png',sizingMethod='crop')"); } .Sheet-br { position: absolute; overflow: hidden; z-index: -1; bottom: 0; right: 0; width: 21px; height: 21px; } \* html .Sheet-br { font-size: 1px; top: expression(this.parentNode.offsetHeight-21+'px'); left: expression(this.parentNode.offsetWidth-21+'px'); } .Sheet-br div { position: absolute; z-index: -1; top: -21px; left: -21px; width: 42px; height: 42px; background-image: url('http://i44.tinypic.com/1zf7sjd.png'); } \* html .Sheet-br div { background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t\[i\];if(l.href&&/style\\\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://i44.tinypic.com/1zf7sjd.png',sizingMethod='crop')"); } .Sheet-tc { position: absolute; overflow:hidden; z-index: -1; top: 0; left: 21px; right: 21px; height: 21px; } \* html .Sheet-tc { font-size: 1px; width: expression(this.parentNode.offsetWidth-42+'px'); } .Sheet-tc div { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 42px; background-image: url('http://i42.tinypic.com/21b3g5h.png'); } \* html .Sheet-tc div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t\[i\];if(l.href&&/style\\\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://i42.tinypic.com/21b3g5h.png',sizingMethod='scale')"); } .Sheet-bc { position: absolute; overflow:hidden; z-index: -1; bottom: 0; left: 21px; right: 21px; height: 21px; } \* html .Sheet-bc { font-size: 1px; top: expression(this.parentNode.offsetHeight-21+'px'); width: expression(this.parentNode.offsetWidth-42+'px'); } .Sheet-bc div { position: absolute; z-index: -1; top: -21px; left: 0; width: 100%; height: 42px; background-image: url('http://i42.tinypic.com/21b3g5h.png'); } \* html .Sheet-bc div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t\[i\];if(l.href&&/style\\\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://i42.tinypic.com/21b3g5h.png',sizingMethod='scale')"); } .Sheet-cl { position: absolute; overflow:hidden; z-index: -1; top: 21px; left: 0; width: 21px; bottom: 21px; } \* html .Sheet-cl { font-size: 1px; height: expression(this.parentNode.offsetHeight-42+'px'); } .Sheet-cl div { position: absolute; z-index: -1; top: 0; left: 0; width: 42px; height: 100%; background-image: url('http://i39.tinypic.com/33wttts.png'); } \* html .Sheet-cl div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t\[i\];if(l.href&&/style\\\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://i39.tinypic.com/33wttts.png',sizingMethod='scale')"); } .Sheet-cr { position: absolute; overflow:hidden; z-index: -1; top: 21px; right: 0; width: 21px; bottom: 21px; } \* html .Sheet-cr { font-size: 1px; left: expression(this.parentNode.offsetWidth-21+'px'); height: expression(this.parentNode.offsetHeight-42+'px'); } .Sheet-cr div { position: absolute; z-index: -1; top: 0; left: -21px; width: 42px; height: 100%; background-image: url('http://i39.tinypic.com/33wttts.png'); } \* html .Sheet-cr div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t\[i\];if(l.href&&/style\\\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://i39.tinypic.com/33wttts.png',sizingMethod='scale')"); } .Sheet-cc { position: absolute; overflow:hidden; z-index: -2; top: 21px; left: 21px; right: 21px; bottom: 21px; background-color: #262626; } \* html .Sheet-cc { font-size: 1px; width: expression(this.parentNode.offsetWidth-42+'px'); height: expression(this.parentNode.offsetHeight-42+'px'); } .Sheet { margin-top: 75px !important; margin-bottom: 3em; padding: 0 0 1em 0; } /\* end Box, Sheet \*/ /\* begin Header \*/ div.Header { margin: 0 auto; position: relative; width: 788px; height: 150px; } \* html div.Header { font-size: 1px; } div.Header div { width: 100%; height: 100%; background-image: url('http://i44.tinypic.com/2r720pc.jpg'); background-repeat: no-repeat; background-position: center center; text-align: left; } /\* end Header \*/ /\* begin Logo \*/ .logo { position: relative; left: 10px; top: 10px; } .logo td { text-align: left; vertical-align: top; white-space: nowrap; } .logo-name { font-size: 26px; font-family: Lucida Sans Unicode; font-style: normal; font-weight: bold; } .logo-name a { text-decoration: none; color: #FFFFFF !important; } .logo-text { font-size: 18px; font-family: Tahoma; font-style: normal; font-weight: normal; color: #FFFFFF !important; } /\* end Logo \*/ /\* begin Menu \*/ .menu, .menu ul { margin: 0; padding: 0; border: 0; list-style-type: none; display: block; } .menu li { margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; } .menu li:hover { z-index: 10000; white-space: normal; } .menu li li { float: none; } .menu ul { visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; } .menu li:hover>ul { visibility: visible; top: 100%; } .menu li li:hover>ul { top: 0; left: 100%; } .menu:after, .menu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } .menu, .menu ul { min-height: 0; } .menu ul { background-image: url(http://i44.tinypic.com/2hoii50.jpg); padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; } .menu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; } \* html .menu, \* html .menu ul { height: 1%; } \* html .menu li.menuhover { z-index: 10000; } \* html .menu .menuhoverUL { visibility: visible; } \* html .menu .menuhoverUL { top: 100%; left: 0; } \* html .menu .menuhoverUL .menuhoverUL { top: 0; left: 100%; } \* html .menu ul a { height: 1%; } \* html .menu li li { float: left; width: 100%; } \* html .menu .menuhoverUL .menuhoverUL { top: 5px; left: 100%; } \* html .menu, \* html .menu ul { height: 1%; } \* html .menu li.menuhover { z-index: 10000; } \* html .menu .menuhoverUL { visibility: visible; } \* html .menu .menuhoverUL { top: 100%; left: 0; } \* html .menu .menuhoverUL .menuhoverUL { top: 0; left: 100%; } \* html .menu ul a { height: 1%; } \* html .menu li li { float: left; width: 100%; } .nav { position: relative; margin: 0 auto; width: 788px; height: 30px; z-index: 100; } .menu { padding: 3px 5px 3px 5px; } \* html .nav { zoom: 1; } .nav .l, .nav .r, .nav .r div { top: 0; position: absolute; z-index: -1; overflow: hidden; height: 30px; } .nav .l { left: 0; right: 5px; } \* html .nav .l { width: expression(this.parentNode.offsetWidth-5+'px'); } .nav .r { right: 0; width: 5px; } \* html .nav .r { left: expression(this.parentNode.offsetWidth-5+'px'); } .nav .r div { width: 788px; right: 0; } \* html .nav .r div { left: expression(this.parentNode.offsetWidth-788+'px'); } .nav .l, .nav .r div { background-position: left top; background-repeat: no-repeat; background-image: url('http://i43.tinypic.com/16c45na.png'); } \* html .nav .l, \* html .nav .r div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t\[i\];if(l.href&&/style\\\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://i43.tinypic.com/16c45na.png',sizingMethod='crop')"); } /\* end Menu \*/ /\* begin MenuItem \*/ .menu ul li { clear: both; } .menu a , .menu a span { height: 24px; display: block; } \* html .menu a , \* html .menu a span { float: left; } .menu a { cursor: pointer; text-decoration: none; margin-right: 3px; margin-left: 3px; } .menu a { background-image: url('http://i42.tinypic.com/10y06rd.png'); background-position: left top; background-repeat: no-repeat; } .menu a span { background-image: url('http://i41.tinypic.com/2eojxwp.png'); background-position: right top; background-repeat: no-repeat; } .menu a span span { font-family: 'Lucida Sans Unicode'; font-size: 11px; font-weight: normal; font-style: normal; text-decoration: none; color: #FFFFFF; padding: 0 5px; margin: 0 8px; line-height: 24px; text-align: center; background-image: url('http://i41.tinypic.com/34nmasp.png'); background-position: left top; background-repeat: repeat-x; } \* html .menu a span span { display: inline; } .menu a:hover { background-position: left -24px; } .menu li:hover>a { background-position: left -24px; } \* html .menu .menuhover .menuhoverA { background-position: left -24px; } .menu li:hover a span { background-position: right -24px; } .menu a:hover span { background-position: right -24px; } \* html .menu .menuhover .menuhoverA span { background-position: right -24px; } .menu a:hover span span { color: #FFFFFF; background-position: left -24px; } .menu li:hover a span span { color: #FFFFFF; background-position: left -24px; } \* html .menu .menuhover .menuhoverA span span { color: #FFFFFF; background-position: left -24px; } .menu a.active { background-position: left -48px; } .menu a.active span { background-position: right -48px; } .menu a.active span span { color: #F0F0F0; background-position: left -48px; } /\* end MenuItem \*/ /\* begin MenuSeparator \*/ .nav .separator { display: block; width: 1px; height: 24px; background-image: url('http://i43.tinypic.com/29fz6tg.png'); } /\* end MenuSeparator \*/ /\* begin ContentLayout \*/ .contentLayout { margin-bottom: 3px; width: 100%; position: relative; }/\* end ContentLayout \*/ /\* begin Button \*/ button.Button, a.Button { border: none; padding: 0; margin: 0; background: none; font-size: 100%; font-family: inherit; line-height: inherit; display: inline-block; overflow: visible; width: auto; cursor: default; white-space: normal; text-decoration: none; } .Button .btn { position: relative; display: block; overflow: hidden; float: left; z-index: 0; height: 33px; color: #FFFFFF; } .Button .t { height: 33px; line-height: 33px; padding: 0 16px; text-align: left; font-family: 'Lucida Sans Unicode'; font-size: 10px; font-weight: normal; font-style: normal; text-decoration: none; } .Button .active { color: #1F1F1F; } .Button .hover { color: #FFFFFF; } .Button .active .r { top: -66px; } .Button .hover .r { top: -33px; } .Button .r { display: block; position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width: 14px; height: 99px; } \* html .Button .r { font-size: 1px; left: expression(this.parentNode.offsetWidth-14+'px'); } .Button .r span { display: block; position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width:423px; height: 99px; } \* html .Button .r span { font-size: 1px; left: expression(this.parentNode.offsetWidth-423+'px'); } .Button .active .l { top: -66px; } .Button .hover .l { top: -33px; } .Button .l { display: block; position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; right: 14px; height: 99px; } \* html .Button .l { font-size: 1px; width: expression(this.parentNode.offsetWidth-14+'px'); } .Button .l, .Button .r span { background-image: url('http://i43.tinypic.com/2qi0e4i.png'); } \* html .Button .l, \* html .Button .r span { background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t\[i\];if(l.href&&/style\\\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://i43.tinypic.com/2qi0e4i.png',sizingMethod='crop')"); } /\* end Button \*/ /\* begin Box, Block \*/ .Block { min-width:1px; min-height:1px; margin: 0 auto; position: relative; overflow: hidden; z-index: 0; } \* html .Block { width:expression(this.offsetWidth < 1 ? 1+"px" : "auto !important"); height:expression(this.offsetHeight < 1 ? 1+"px" : "auto !important"); zoom: 1; } .Block-body { position: relative; overflow: hidden; z-index: 0; margin: 0px; text-align: left; } .Block { margin: 7px; } .Block table.table { border-collapse: collapse; margin: 1px; } .Block table.table th, .Block table.table td { padding: 2px; border: solid 1px #787878; } /\* end Box, Block \*/ /\* begin BlockHeader \*/ .BlockHeader { position: relative; overflow: hidden; height: 30px; z-index: 0; line-height: 30px; padding: 0 10px; margin-bottom: 0px; text-align: left; color: #A1A1A1; font-family: 'Lucida Sans Unicode'; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; } \* html .BlockHeader { zoom: 1; } .BlockHeader .l, .BlockHeader .r, .BlockHeader .r div { top: 0; position: absolute; z-index: -1; overflow: hidden; height: 30px; } .BlockHeader .l { left: 0; right: 0px; } \* html .BlockHeader .l { width: expression(this.parentNode.offsetWidth-0+'px'); } .BlockHeader .r { right: 0; width: 0px; } \* html .BlockHeader .r { left: expression(this.parentNode.offsetWidth-0+'px'); } .BlockHeader .r div { width: 788px; right: 0; } \* html .BlockHeader .r div { left: expression(this.parentNode.offsetWidth-788+'px'); } \* html .BlockHeader .l, \* html .BlockHeader .r div { font-size: 1px; } /\* end BlockHeader \*/ /\* begin Box, BlockContent \*/ .BlockContent { min-width:13px; min-height:13px; margin: 0 auto; position: relative; overflow: hidden; z-index: 0; } \* html .BlockContent { width:expression(this.offsetWidth < 13 ? 13+"px" : "auto !important"); height:expression(this.offsetHeight < 13 ? 13+"px" : "auto !important"); zoom: 1; } .BlockContent-body { position: relative; overflow: hidden; z-index: 0; margin: 11px; text-align: left; color: #D1D1D1; font-family: 'Lucida Sans Unicode'; font-size: 11px; font-weight: normal; font-style: normal; text-decoration: none; } .BlockContent a { color: #FFFFFF; } .BlockContent a:link { color: #FFFFFF; } .BlockContent a:hover { color: #8C8C8C; } .BlockContent a:hover:visited { color: #8C8C8C; } .BlockContent a:visited { color: #9D9D9D; } .BlockContent-tl { position: absolute; overflow: hidden; z-index: -1; top: 0; left: 0; width: 6px; height: 6px; background-image: url('http://i43.tinypic.com/acs95w.png'); } \* html .BlockContent-tl { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t\[i\];if(l.href&&/style\\\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://i43.tinypic.com/acs95w.png',sizingMethod='crop')"); } .BlockContent-tr { position: absolute; overflow: hidden; z-index: -1; top: 0; right: 0; width: 6px; height: 6px; } \* html .BlockContent-tr { font-size: 1px; left: expression(this.parentNode.offsetWidth-6+'px'); } .BlockContent-tr div { position: absolute; z-index: -1; top: 0px; left: -6px; width: 12px; height: 12px; background-image: url('http://i43.tinypic.com/acs95w.png'); } \* html .BlockContent-tr div { background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t\[i\];if(l.href&&/style\\\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://i43.tinypic.com/acs95w.png',sizingMethod='crop')"); } .BlockContent-bl { position: absolute; overflow: hidden; z-index: -1; bottom: 0; left: 0; width: 6px; height: 6px; } \* html .BlockContent-bl { font-size: 1px; top: expression(this.parentNode.offsetHeight-6+'px'); } .BlockContent-bl div { position: absolute; z-index: -1; top: -6px; left: 0; width: 12px; height: 12px; background-image: url('http://i43.tinypic.com/acs95w.png'); } \* html .BlockContent-bl div { background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t\[i\];if(l.href&&/style\\\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://i43.tinypic.com/acs95w.png',sizingMethod='crop')"); } .BlockContent-br { position: absolute; overflow: hidden; z-index: -1; bottom: 0; right: 0; width: 6px; height: 6px; } \* html .BlockContent-br { font-size: 1px; top: expression(this.parentNode.offsetHeight-6+'px'); left: expression(this.parentNode.offsetWidth-6+'px'); } .BlockContent-br div { position: absolute; z-index: -1; top: -6px; left: -6px; width: 12px; height: 12px; background-image: url('http://i43.tinypic.com/acs95w.png'); } \* html .BlockContent-br div { background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t\[i\];if(l.href&&/style\\\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://i43.tinypic.com/acs95w.png',sizingMethod='crop')"); } .BlockContent-tc { position: absolute; overflow:hidden; z-index: -1; top: 0; left: 6px; right: 6px; height: 6px; } \* html .BlockContent-tc { font-size: 1px; width: expression(this.parentNode.offsetWidth-12+'px'); } .BlockContent-tc div { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 12px; background-image: url('http://i42.tinypic.com/1zqx07p.png'); } \* html .BlockContent-tc div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t\[i\];if(l.href&&/style\\\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://i42.tinypic.com/1zqx07p.png',sizingMethod='crop')"); } .BlockContent-bc { position: absolute; overflow:hidden; z-index: -1; bottom: 0; left: 6px; right: 6px; height: 6px; } \* html .BlockContent-bc { font-size: 1px; top: expression(this.parentNode.offsetHeight-6+'px'); width: expression(this.parentNode.offsetWidth-12+'px'); } .BlockContent-bc div { position: absolute; z-index: -1; top: -6px; left: 0; width: 100%; height: 12px; background-image: url('http://i42.tinypic.com/1zqx07p.png'); } \* html .BlockContent-bc div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t\[i\];if(l.href&&/style\\\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://i42.tinypic.com/1zqx07p.png',sizingMethod='crop')"); } .BlockContent-cl { position: absolute; overflow:hidden; z-index: -1; top: 6px; left: 0; width: 6px; bottom: 6px; } \* html .BlockContent-cl { font-size: 1px; height: expression(this.parentNode.offsetHeight-12+'px'); } .BlockContent-cl div { position: absolute; z-index: -1; top: 0; left: 0; width: 12px; height: 100%; background-image: url('http://i42.tinypic.com/atvfv7.png'); } \* html .BlockContent-cl div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t\[i\];if(l.href&&/style\\\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://i42.tinypic.com/atvfv7.png',sizingMethod='crop')"); } .BlockContent-cr { position: absolute; overflow:hidden; z-index: -1; top: 6px; right: 0; width: 6px; bottom: 6px; } \* html .BlockContent-cr { font-size: 1px; left: expression(this.parentNode.offsetWidth-6+'px'); height: expression(this.parentNode.offsetHeight-12+'px'); } .BlockContent-cr div { position: absolute; z-index: -1; top: 0; left: -6px; width: 12px; height: 100%; background-image: url('http://i42.tinypic.com/atvfv7.png'); } \* html .BlockContent-cr div { font-size: 1px; background: none; behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t\[i\];if(l.href&&/style\\\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"http://i42.tinypic.com/atvfv7.png',sizingMethod='crop')"); } .BlockContent-cc { position: absolute; overflow:hidden; z-index: -2; top: 6px; left: 6px; right: 6px; bottom: 6px; background-image: url('http://i39.tinypic.com/141i3ib.png'); } \* html .BlockContent-cc { font-size: 1px; width: expression(this.parentNode.offsetWidth-12+'px'); height: expression(this.parentNode.offsetHeight-12+'px'); } /\* end Box, BlockContent \*/ /\* begin LayoutCell \*/ .contentLayout .sidebar1 { position: relative; margin:0; padding:0; border:0; float: left; overflow: hidden; width: 30%; } /\* end LayoutCell \*/ /\* begin LayoutCell \*/ .contentLayout .content { position: relative; margin:0; padding:0; border:0; float: left; overflow: hidden; width: 69%; } /\* end LayoutCell \*/ .sidebar1 ul, .sidebar2 ul, .sidebar3 ul { list-style: none; padding:0; margin:0; } .sidebar1 ul ul, .sidebar2 ul ul, .sidebar3 ul ul { padding:0 0 0 10px; } #footer { text-align: center; } .post h2 a { text-decoration: none; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; } #commentform textarea { width: 100%; padding: 2px; } .hidden { display: none; } /\* Calendar \*/ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; }

Kan du göra ett stort mellanrum där det ska stå ?

Tack på förhand

## Comment 61
Author: Moa-16

Vad är det där för kod? Har du blogg.se?

## Comment 62
Author: LillaLoppan123

ah, jag har blogg.se

Det är stilmall Koden

## Comment 63
Author: Moa-16

#62 Okej... Kan du skicka den till mig i PM istället? Vart så ihop tryckt. Så svårt att se då.

## Comment 64
Author: LillaLoppan123

body {  
margin: 0;  
padding: 0;  
background: #d671aa url('bg2.jpg') repeat-x;  
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Sans-Serif;  
}

img {  
border: 0;  
}

a {  
color: #d83591;  
}  
a:hover {  
color: #333;  
}

#container {  
background: url('bg3.jpg') repeat-y;  
min-height: 100%;  
height: auto !important;  
height: 100%;  
width:925px;  
margin: 0;  
}  
#wrapper {  
background: url('bg.jpg') no-repeat;  
}

p {  
padding: 0px 0px 0px 0px;  
margin: 0px 0px 0px 0px;  
font-size: 12px;  
}

#header {  
padding: 160px 0 0 350px;  
}

#side {  
margin: 120px 0 0 50px;  
padding: 24px 12px 0px;  
float: left;  
width: 150px;

}

#content {  
width: 570px;  
float: right;  
padding: 20px;  
margin: 140px 50px 0px 40px;  
}

#header a {  
color: #d83591;  
font-size: 40px;  
font-family: Verdana, Arial, Sans-Serif;  
text-decoration: none;  
}

#header h2 {  
font-size: 11px;  
font-family: Georgia, Garamond, Serif;  
color: #7a7979;  
margin: 15px 0 0 20px;  
}

h1 {  
font-size: 24px;  
font-weight: bold;  
letter-spacing:.1em;  
color: #FF8080;  
margin: 0px 0px 5px;  
padding: 0px;  
}

h2 {  
font-size: 14px;  
font-weight: bold;  
color: #FFFFFF;  
margin: 0px;  
padding: 00px;  
}

/\*\* Entry headers \*\*/  
h3 {  
font-size: 16px;  
font-weight: bold;  
color: #4a4a4a;  
margin: 0px 0px 10px 0px;  
}

.navheader {  
font-size: 15px;  
font-weight: bold;  
color: #d83591;  
margin-top: 20px;  
margin-bottom: 5px;  
}

  
.nav {  
font-size: 12px;  
font-weight: normal;  
}

.nav ul {  
margin: 0px 0px 0px 0px;  
padding: 0px 0px 6px 0px;  
font-weight: normal;  
}

.nav li {  
list-style: none;  
padding: 0px 0px 6px 0px;  
font-weight: normal;  
}

.nav a { color: #4a4a4a; }  
.nav a:hover { color: #CCC; }

/\*\* Post's body text \*\*/  
.entrybody {  
font-size: 12px;  
font-weight: normal;  
text-align:justify;  
color: #000000;  
line-height: 140%;  
z-index:2;  
margin: 0px 0px 10px;  
padding: 10px;  
}

/\*\* 'Posted by' txt \*\*/  
.entrymeta {  
font-size: .7em;  
font-weight: normal;  
font-style:italic;  
color: #666;  
margin-bottom:22px;  
}

.entrymeta a { color: #d83591;}  
.entrymeta a:hover { color: #333; }

.commentheader {  
font-size: .70em;  
font-weight: bold;  
color: #333;  
}

.commenttext {  
font-size: .70em;  
font-weight: normal;  
color: #333;  
line-height: 130%;  
}

.commentmeta {  
font-size: .70em;  
font-weight: normal;  
color: #666;  
margin: 10px 22px 20px 0px;  
font-style:italic;  
}

.commentmeta a { color: #FF8080; }  
.commentmeta a:hover { color: #333; }

.commentform {  
font-size: .70em;  
font-weight: normal;  
color: #333333;  
margin: 0px 0px 20px 0px  
}

.separator {  
display:none;  
border-top: 1px solid #F5FAEC;  
border-bottom: 1px solid #CED2C8;  
margin: 14px 0px 14px 0px  
}

.default {  
font-size: 11px;  
color: #666;  
font-weight: bold;  
padding: 0px 0px 10px 0px;  
text-transform: uppercase;  
}

.subside {  
font-size: .7em;  
font-weight: normal;  
padding: 0px 0px 0px 0px;  
}

  
.xmlButton {  
border:1px solid;  
border-color:#FC9 #630 #330 #F96;  
padding:0 3px;  
color:#FFF;  
background:#F60;  
text-decoration:none;  
margin:0;  
}

.image {  
padding:1px;  
margin: 0px 6px 6px 0px;  
}

.thumbnail {  
padding:1px;  
margin: 0px 6px 6px 0px;  
}

.video{  
padding: 0px 0px 0px 0px;  
}

.fieldName{  
font-size: 11px;  
margin: 0px 0px 12px 0px  
}

select{  
font-size: 11px;  
}

#calendar {  
color: #FFFFFF;  
padding: 0px 0px 6px 0px;  
text-align: left;  
}

#calendar table {  
padding: 1px;  
/\*border-collapse: collapse;\*/  
border: 0px;  
}

#calendar table caption {  
color: #FFE5E5;  
font-size : 12px;  
border-bottom: 1px solid #FFFFFF;  
text-align: left;  
font-weight: bold;  
text-transform: uppercase;  
padding: 3px;  
}

#calendar table th {  
text-align: center;  
font-weight: bold;  
font-size: xx-small;  
}

#calendar table tr td {  
border: 1px solid #F1F1F1;  
text-align: center;  
font-size: xx-small;  
color: #FFE5E5;  
}

#calendar table tr ul {  
color: #BBB;  
list-style: dot;  
margin: 0px 0px 0px 20px;  
padding: 4 0 5 0;  
font-size : 0.7em;  
}

#calendar table tr td.cssDayMouseOver {  
border: 1px dotted red;  
cursor: hand;  
}

#calendar table tr td.cssDayMouseOut {  
border: 1px solid #F1F1F1;  
}

#calendar table tr td.cssEntryBox {  
border: 1px solid gray;  
padding: 6px;  
text-align: left;  
background: #FFFFFF;  
font-size : 0.8em;  
}

#calendar table tr td ul li {  
}

#calendar table tr td div.cssDayEntryHeader {  
font-size : 12px;  
text-align: left;  
font-weight: bold;  
padding: 4;  
color: #FF8080;  
}

#calendar table tr td div.cssDayAvailable {  
text-decoration: underline;  
text-weight: bold;  
}  
img {  
padding: 1px;  
}

table, td {  
padding: 2px;  
}

#profile {  
font-size : 0.7em;  
margin-bottom: 10px;  
color: #fff;  
}

#profile h4{  
font-size: 15px;  
font-weight: bold;  
color: #FFFFFF;  
padding: 0px;  
margin: 0px;  
}

#profile p{  
margin-left: 4px;  
}

#profile p a{  
color: #fff;  
}

#profile p a:hover{  
color: #333;  
}  
.navheader a {  
color: #d83591;  
text-decoration: none;  
}

\-är denna bättre?

kan du sätta in denna texten i ? :

http://agnessjohansson.blogg.se/images/2010/skrmklipp-jpg11\_122730785.jpg

## Comment 65
Author: Moa-16

Ja, det var bättre. Där det står:

#header {  
padding: 160px 0 0 350px;  
}

lägger du in din header. Om du vill kan du ta bort den raden helt och lägga in min:

#header {  
background: #ffffff url(**HÄR LÄGGER DU IN DIN HEADER**) no-repeat right top;  
padding-left: 90px;  
padding-bottom:14px;  
padding-top:30px;  
margin: 0px;  
width: 810px;  
height: 410px;  
}

Men du kanske måste ändra lite på siffrorna tills det ser rätt ut!

## Comment 66
Author: LillaLoppan123

Hej jag kan inte hitta texten kan på lägga in den "texten" med adressen till mig i texten ?![Skäms](http://bloggande.ifokus.se/tiny3/plugins/emotions/img/smiley-embarassed.gif "Skäms")

## Comment 67
Author: Moa-16

Aja, okej, det är ju jul ;)

body {  
margin: 0;  
padding: 0;  
background: #d671aa url('bg2.jpg') repeat-x;  
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Sans-Serif;  
}

img {  
border: 0;  
}

a {  
color: #d83591;  
}  
a:hover {  
color: #333;  
}

#container {  
background: url('bg3.jpg') repeat-y;  
min-height: 100%;  
height: auto !important;  
height: 100%;  
width:925px;  
margin: 0;  
}  
#wrapper {  
background: url('bg.jpg') no-repeat;  
}

p {  
padding: 0px 0px 0px 0px;  
margin: 0px 0px 0px 0px;  
font-size: 12px;  
}

#header {  
background: #ffffff url([http://agnessjohansson.blogg.se/images/2010/skrmklipp-jpg11\_122730785.jpg](http://agnessjohansson.blogg.se/images/2010/skrmklipp-jpg11_122730785.jpg)) no-repeat right top;  
padding-left: 90px;  
padding-bottom:14px;  
padding-top:30px;  
margin: 0px;  
width: 810px;  
height: 410px;  
}

#side {  
margin: 120px 0 0 50px;  
padding: 24px 12px 0px;  
float: left;  
width: 150px;

}

#content {  
width: 570px;  
float: right;  
padding: 20px;  
margin: 140px 50px 0px 40px;  
}

#header a {  
color: #d83591;  
font-size: 40px;  
font-family: Verdana, Arial, Sans-Serif;  
text-decoration: none;  
}

#header h2 {  
font-size: 11px;  
font-family: Georgia, Garamond, Serif;  
color: #7a7979;  
margin: 15px 0 0 20px;  
}

h1 {  
font-size: 24px;  
font-weight: bold;  
letter-spacing:.1em;  
color: #FF8080;  
margin: 0px 0px 5px;  
padding: 0px;  
}

h2 {  
font-size: 14px;  
font-weight: bold;  
color: #FFFFFF;  
margin: 0px;  
padding: 00px;  
}

/\*\* Entry headers \*\*/  
h3 {  
font-size: 16px;  
font-weight: bold;  
color: #4a4a4a;  
margin: 0px 0px 10px 0px;  
}

.navheader {  
font-size: 15px;  
font-weight: bold;  
color: #d83591;  
margin-top: 20px;  
margin-bottom: 5px;  
}

  
.nav {  
font-size: 12px;  
font-weight: normal;  
}

.nav ul {  
margin: 0px 0px 0px 0px;  
padding: 0px 0px 6px 0px;  
font-weight: normal;  
}

.nav li {  
list-style: none;  
padding: 0px 0px 6px 0px;  
font-weight: normal;  
}

.nav a { color: #4a4a4a; }  
.nav a:hover { color: #CCC; }

/\*\* Post's body text \*\*/  
.entrybody {  
font-size: 12px;  
font-weight: normal;  
text-align:justify;  
color: #000000;  
line-height: 140%;  
z-index:2;  
margin: 0px 0px 10px;  
padding: 10px;  
}

/\*\* 'Posted by' txt \*\*/  
.entrymeta {  
font-size: .7em;  
font-weight: normal;  
font-style:italic;  
color: #666;  
margin-bottom:22px;  
}

.entrymeta a { color: #d83591;}  
.entrymeta a:hover { color: #333; }

.commentheader {  
font-size: .70em;  
font-weight: bold;  
color: #333;  
}

.commenttext {  
font-size: .70em;  
font-weight: normal;  
color: #333;  
line-height: 130%;  
}

.commentmeta {  
font-size: .70em;  
font-weight: normal;  
color: #666;  
margin: 10px 22px 20px 0px;  
font-style:italic;  
}

.commentmeta a { color: #FF8080; }  
.commentmeta a:hover { color: #333; }

.commentform {  
font-size: .70em;  
font-weight: normal;  
color: #333333;  
margin: 0px 0px 20px 0px  
}

.separator {  
display:none;  
border-top: 1px solid #F5FAEC;  
border-bottom: 1px solid #CED2C8;  
margin: 14px 0px 14px 0px  
}

.default {  
font-size: 11px;  
color: #666;  
font-weight: bold;  
padding: 0px 0px 10px 0px;  
text-transform: uppercase;  
}

.subside {  
font-size: .7em;  
font-weight: normal;  
padding: 0px 0px 0px 0px;  
}

  
.xmlButton {  
border:1px solid;  
border-color:#FC9 #630 #330 #F96;  
padding:0 3px;  
color:#FFF;  
background:#F60;  
text-decoration:none;  
margin:0;  
}

.image {  
padding:1px;  
margin: 0px 6px 6px 0px;  
}

.thumbnail {  
padding:1px;  
margin: 0px 6px 6px 0px;  
}

.video{  
padding: 0px 0px 0px 0px;  
}

.fieldName{  
font-size: 11px;  
margin: 0px 0px 12px 0px  
}

select{  
font-size: 11px;  
}

#calendar {  
color: #FFFFFF;  
padding: 0px 0px 6px 0px;  
text-align: left;  
}

#calendar table {  
padding: 1px;  
/\*border-collapse: collapse;\*/  
border: 0px;  
}

#calendar table caption {  
color: #FFE5E5;  
font-size : 12px;  
border-bottom: 1px solid #FFFFFF;  
text-align: left;  
font-weight: bold;  
text-transform: uppercase;  
padding: 3px;  
}

#calendar table th {  
text-align: center;  
font-weight: bold;  
font-size: xx-small;  
}

#calendar table tr td {  
border: 1px solid #F1F1F1;  
text-align: center;  
font-size: xx-small;  
color: #FFE5E5;  
}

#calendar table tr ul {  
color: #BBB;  
list-style: dot;  
margin: 0px 0px 0px 20px;  
padding: 4 0 5 0;  
font-size : 0.7em;  
}

#calendar table tr td.cssDayMouseOver {  
border: 1px dotted red;  
cursor: hand;  
}

#calendar table tr td.cssDayMouseOut {  
border: 1px solid #F1F1F1;  
}

#calendar table tr td.cssEntryBox {  
border: 1px solid gray;  
padding: 6px;  
text-align: left;  
background: #FFFFFF;  
font-size : 0.8em;  
}

#calendar table tr td ul li {  
}

#calendar table tr td div.cssDayEntryHeader {  
font-size : 12px;  
text-align: left;  
font-weight: bold;  
padding: 4;  
color: #FF8080;  
}

#calendar table tr td div.cssDayAvailable {  
text-decoration: underline;  
text-weight: bold;  
}  
img {  
padding: 1px;  
}

table, td {  
padding: 2px;  
}

#profile {  
font-size : 0.7em;  
margin-bottom: 10px;  
color: #fff;  
}

#profile h4{  
font-size: 15px;  
font-weight: bold;  
color: #FFFFFF;  
padding: 0px;  
margin: 0px;  
}

#profile p{  
margin-left: 4px;  
}

#profile p a{  
color: #fff;  
}

#profile p a:hover{  
color: #333;  
}  
.navheader a {  
color: #d83591;  
text-decoration: none;  
}

Men du lär få ändra lite på siffrorna sen :)

## Comment 68
Author: LillaLoppan123

Hej igen förlåt om jag är jobbig, men kan du leta reda på var man ska lägga in " texten" nån stans i denna kodmallen ?

Den blir lättare att läsa lite längre ner :)

body{color:#666; background: #F8E9D6; font-family: arial; font-size:8pt; cursor: text;}  
A:link, A:visited, A:active{color: #777; text-decoration:none; -webkit-transition: .4s;}  
A:hover{color: transparent; text-shadow: 1px 1px 1px #777; cursor:vertical-text;}

.headers{text-align:left; line-height:40%; font-family:georgia italic; font-size:15pt; letter-spacing:-2pt; color: #666;}  
.pink{background:#F3B3A7; padding:5px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:0px 0px 10px #F3B3A7; -webkit-box-shadow:0px 0px 10px #F3B3A7; -moz-box-shadow:0px 0px 10px #F3B3A7;}  
.lightpink{background:#EFCCB7; padding:5px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:0px 0px 10px #EFCCB7; -webkit-box-shadow:0px 0px 10px #EFCCB7; -moz-box-shadow:0px 0px 10px #EFCCB7;}

  
.lightgreen{background:#E1DBBF; padding:5px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:0px 0px 10px #E1DBBF; -webkit-box-shadow:0px 0px 10px #E1DBBF; -moz-box-shadow:0px 0px 10px #E1DBBF;}  
.green{background:#C3C9A0; padding:5px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:0px 0px 10px #C3C9A0; -webkit-box-shadow:0px 0px 10px #C3C9A0; -moz-box-shadow:0px 0px 10px #C3C9A0;}

.title{text-align:right; color:#666; font-size:15pt; font-family: georgia italic; text-transform: none; letter-spacing: -1pt;}  
.date{text-align:right; color:#666; font-size:8pt; font-family: georgia; border-top: 1px dashed #e8c3ae; border-bottom: 1px dashed #e8c3ae}  
blockquote {padding:10px; border:2px solid #f6f2f1; background-color:#faf7f6;}  
i{font-family:georgia;}  
u{text-decoration:none; border-bottom:#888 dashed 1px;}  
img{padding:5px; -webkit-transition-duration:.2s; box-shadow: 0px 0px 20px #d68f84; -webkit-box-shadow: 0px 0px 20px #d68f84; -moz-box-shadow: 0px 0px 20px #d68f84;}  
img:hover{filter:alpha(opacity=60);moz-opacity:.60;opacity:.60; cursor:crosshair; padding:5px;}

textarea {  
font-family: georgia;  
font-size: 9px;  
letter-spacing: 2px;  
color: #000000;  
border: 1px solid #EFCCB7;  
box-shadow:0px 0px 10px #EFCCB7; -webkit-box-shadow:0px 0px 10px #EFCCB7; -moz-box-shadow:0px 0px 10px #EFCCB7;  
\-moz-border-radius: 5px;  
width: 85%;  
height: 40px;  
}

.commentheader {  
background:#fcfcfc url();  
border-top:1px solid #e5e5e5;  
border-left:1px solid #e5e5e5;  
border-right:1px solid #e5e5e5;  
color:#727272;  
font-family:georgia,century;  
font-size:10px;  
font-weight:normal;  
margin:0px 15px 0px;  
padding-bottom:0px;  
padding-left:20px;  
padding-top:10px;  
letter-spacing:0.1em;  
text-align:left;  
}  
.commenttext {  
background:#fcfcfc url();  
color:#7b7b7b;  
border-left:1px solid #e5e5e5;  
border-right:1px solid #e5e5e5;  
padding-top:5px;  
font-family:georgia;  
font-size:10px;  
font-weight:normal;  
line-height:146%;  
margin:0px 15px 0px;  
padding-left:20px;  
padding-right:25px;  
text-align:left;  
}  
.random {  
background:#fcfcfc url();  
color:#b1aeae;  
border-left:1px solid #e5e5e5;  
border-right:1px solid #e5e5e5;  
font-family:tahoma;  
font-size:10px;  
font-weight:normal;  
line-height:145%;  
margin:0px 15px 0px;  
padding-bottom:10px;  
padding-left:20px;  
padding-top:1px;  
}  
.random a {  
border-bottom: solid 0px #f8b0b5;  
border-top:0 solid #F2CBA5;  
color:#eeb1be;  
font-family:tahoma;  
font-size:11px;  
font-weight:normal;  
letter-spacing:0.0em;

}  
.random a:hover {  
border-bottom: solid 0px #f8b0b5;  
border-top:0 solid #F2CBA5;  
color:#cdbdc0;  
font-family:tahoma;  
font-size:11px;  
font-weight:normal;  
letter-spacing:0.0em;  
}

.commentmeta {  
background:#fcfcfc url();  
border-left:1px solid #e5e5e5;  
border-right:1px solid #e5e5e5;  
border-bottom:1px solid #e5e5e5;  
color:#96969c;  
font-family:tahoma;  
font-size:10px;  
font-weight:normal;  
line-height:144%;  
margin:0px 15px 15px;  
padding:10px 20px 8px;  
text-align:right;  
}  
.commentmeta a {  
color:#7a7a7a;  
font-size:10px;  
font-family:tahoma;  
text-decoration:none;  
font-weight:normal;  
letter-spacing:0.0em;

  
}  
.commentmeta a:hover {  
border-bottom: solid 0px #f8b0b5;  
border-top:0 solid #F2CBA5;  
color:#ec7796;  
font-family:tahoma;  
font-size:10px;  
font-weight:normal;  
letter-spacing:0.0em;

}  
.commentform {  
background:#fcfcfc url();  
border:1px solid #e5e5e5;  
font-family:tahoma;  
font-size:10px;  
font-weight:normal;  
text-align:left;  
margin:0px 15px 10px;  
padding-left:20px;  
}

.commentform textarea {  
background: transparent;  
border: 0px none;  
height: 124px;  
width: 394px;  
color: #514F50;  
font-family: tahoma;  
font-size: 10px;  
margin-bottom: 3px;  
margin-top: 3px;  
margin-left: 3px;  
}

## Comment 69
Author: LillaLoppan123

eller nej det hehöver du inte sorry ! :D

Fixar nu !

## Comment 70
Author: Moa-16

Aja, jag är inte säker nu, koden ser konstig ut tycker jag, känner inte igen den. Men har gjort en gissning och satt in din bild.. men som sagt inte säker :)

body{color:#666; background: #F8E9D6; font-family: arial; font-size:8pt; cursor: text;}  
A:link, A:visited, A:active{color: #777; text-decoration:none; -webkit-transition: .4s;}  
A:hover{color: transparent; text-shadow: 1px 1px 1px #777; cursor:vertical-text;}

#header {  
background: #ffffff url([http://agnessjohansson.blogg.se/images/2010/skrmklipp-jpg11\_122730785.jpg](http://agnessjohansson.blogg.se/images/2010/skrmklipp-jpg11_122730785.jpg " Länken öppnas i ett nytt fönster")) no-repeat right top;  
padding-left: 90px;  
padding-bottom:14px;  
padding-top:30px;  
margin: 0px;  
width: 810px;  
height: 410px;  
}

.pink{background:#F3B3A7; padding:5px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:0px 0px 10px #F3B3A7; -webkit-box-shadow:0px 0px 10px #F3B3A7; -moz-box-shadow:0px 0px 10px #F3B3A7;}  
.lightpink{background:#EFCCB7; padding:5px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:0px 0px 10px #EFCCB7; -webkit-box-shadow:0px 0px 10px #EFCCB7; -moz-box-shadow:0px 0px 10px #EFCCB7;}

  
.lightgreen{background:#E1DBBF; padding:5px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:0px 0px 10px #E1DBBF; -webkit-box-shadow:0px 0px 10px #E1DBBF; -moz-box-shadow:0px 0px 10px #E1DBBF;}  
.green{background:#C3C9A0; padding:5px; -webkit-border-radius:3px; -moz-border-radius:3px; box-shadow:0px 0px 10px #C3C9A0; -webkit-box-shadow:0px 0px 10px #C3C9A0; -moz-box-shadow:0px 0px 10px #C3C9A0;}

.title{text-align:right; color:#666; font-size:15pt; font-family: georgia italic; text-transform: none; letter-spacing: -1pt;}  
.date{text-align:right; color:#666; font-size:8pt; font-family: georgia; border-top: 1px dashed #e8c3ae; border-bottom: 1px dashed #e8c3ae}  
blockquote {padding:10px; border:2px solid #f6f2f1; background-color:#faf7f6;}  
i{font-family:georgia;}  
u{text-decoration:none; border-bottom:#888 dashed 1px;}  
img{padding:5px; -webkit-transition-duration:.2s; box-shadow: 0px 0px 20px #d68f84; -webkit-box-shadow: 0px 0px 20px #d68f84; -moz-box-shadow: 0px 0px 20px #d68f84;}  
img:hover{filter:alpha(opacity=60);moz-opacity:.60;opacity:.60; cursor:crosshair; padding:5px;}

textarea {  
font-family: georgia;  
font-size: 9px;  
letter-spacing: 2px;  
color: #000000;  
border: 1px solid #EFCCB7;  
box-shadow:0px 0px 10px #EFCCB7; -webkit-box-shadow:0px 0px 10px #EFCCB7; -moz-box-shadow:0px 0px 10px #EFCCB7;  
\-moz-border-radius: 5px;  
width: 85%;  
height: 40px;  
}

.commentheader {  
background:#fcfcfc url();  
border-top:1px solid #e5e5e5;  
border-left:1px solid #e5e5e5;  
border-right:1px solid #e5e5e5;  
color:#727272;  
font-family:georgia,century;  
font-size:10px;  
font-weight:normal;  
margin:0px 15px 0px;  
padding-bottom:0px;  
padding-left:20px;  
padding-top:10px;  
letter-spacing:0.1em;  
text-align:left;  
}  
.commenttext {  
background:#fcfcfc url();  
color:#7b7b7b;  
border-left:1px solid #e5e5e5;  
border-right:1px solid #e5e5e5;  
padding-top:5px;  
font-family:georgia;  
font-size:10px;  
font-weight:normal;  
line-height:146%;  
margin:0px 15px 0px;  
padding-left:20px;  
padding-right:25px;  
text-align:left;  
}  
.random {  
background:#fcfcfc url();  
color:#b1aeae;  
border-left:1px solid #e5e5e5;  
border-right:1px solid #e5e5e5;  
font-family:tahoma;  
font-size:10px;  
font-weight:normal;  
line-height:145%;  
margin:0px 15px 0px;  
padding-bottom:10px;  
padding-left:20px;  
padding-top:1px;  
}  
.random a {  
border-bottom: solid 0px #f8b0b5;  
border-top:0 solid #F2CBA5;  
color:#eeb1be;  
font-family:tahoma;  
font-size:11px;  
font-weight:normal;  
letter-spacing:0.0em;

}  
.random a:hover {  
border-bottom: solid 0px #f8b0b5;  
border-top:0 solid #F2CBA5;  
color:#cdbdc0;  
font-family:tahoma;  
font-size:11px;  
font-weight:normal;  
letter-spacing:0.0em;  
}

.commentmeta {  
background:#fcfcfc url();  
border-left:1px solid #e5e5e5;  
border-right:1px solid #e5e5e5;  
border-bottom:1px solid #e5e5e5;  
color:#96969c;  
font-family:tahoma;  
font-size:10px;  
font-weight:normal;  
line-height:144%;  
margin:0px 15px 15px;  
padding:10px 20px 8px;  
text-align:right;  
}  
.commentmeta a {  
color:#7a7a7a;  
font-size:10px;  
font-family:tahoma;  
text-decoration:none;  
font-weight:normal;  
letter-spacing:0.0em;

  
}  
.commentmeta a:hover {  
border-bottom: solid 0px #f8b0b5;  
border-top:0 solid #F2CBA5;  
color:#ec7796;  
font-family:tahoma;  
font-size:10px;  
font-weight:normal;  
letter-spacing:0.0em;

}  
.commentform {  
background:#fcfcfc url();  
border:1px solid #e5e5e5;  
font-family:tahoma;  
font-size:10px;  
font-weight:normal;  
text-align:left;  
margin:0px 15px 10px;  
padding-left:20px;  
}

.commentform textarea {  
background: transparent;  
border: 0px none;  
height: 124px;  
width: 394px;  
color: #514F50;  
font-family: tahoma;  
font-size: 10px;  
margin-bottom: 3px;  
margin-top: 3px;  
margin-left: 3px;  
}

## Comment 71
Author: LillaLoppan123

Okej tack ![Glad](http://bloggande.ifokus.se/tiny3/plugins/emotions/img/smiley-smile.gif "Glad")

Jättesnällt :D

## Comment 72
Author: LillaLoppan123

Men sidan blir bara konstig :S

## Comment 73
Author: riiffen

Börja om från början? ![Obestämd](http://bloggande.ifokus.se/tiny3/plugins/emotions/img/smiley-undecided.gif "Obestämd")

## Comment 74
Author: Moa-16

#72 På vilket sätt?

## Comment 75
Author: Zorro_Tiger

Det funkar inte att ladda upp bilden! Jag har testat med 2 olika som jag gjort i Paint men ingen av dem funkar! :((   Vad ska jag göra?

## Comment 76
Author: Jess89

vad har du för format?

## Comment 77
Author: Zorro_Tiger

Vad är det?

## Comment 78
Author: Jess89

Det finns olika format man kan spara bilden i. tex jpg, png osv. Har du gjort den själv?

## Comment 79
Author: Zorro_Tiger

Ja jag gjorde den i paint.

## Comment 80
Author: Jess89

sparade du bilden i jpg? eller i vilket format sparade du filen i?

## Comment 81
Author: Zorro_Tiger

Va? Fattar inte :S