Annons:
Etikettom-bloggande
Läst 27646 ggr
olympiathurfjell
2009-06-21 21:21

Fixa en egen header

Bild 1. Klicka för att öppna i full storlek.

Många undrar hur man gör sin egen header och här förklarar jag hur man gör på blogg.se.

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

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

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

3 egen heather

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

Olympia Thurfjell

-olympiathurfjell.blogg.se

Annons:
Jojaton
2009-06-21 21:35
#1

Vill bara påpeka att det heter header och inte heather Flört

Johanna - Instagram

Trollis-
2009-06-21 22:43
#2

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 :)

olympiathurfjell
2009-06-22 00:15
#3

#1 tänkte inte på det.

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

Olympia Thurfjell

-olympiathurfjell.blogg.se

Trollis-
2009-06-22 13:49
#4

#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 ;)

mallanz
2009-06-23 01:28
#5

Jättebra artikel :)

    xo xo Malin ♥ Gizmo
    hänger mest på Bichon då jag har en Frisé

    Moa-16
    2009-06-23 01:35
    #6

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

    Annons:
    Michiis
    2009-06-23 13:34
    #7

    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?

    // Michis

    Michiis
    2009-06-23 13:47
    #8

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

    // Michis

    Moa-16
    2009-06-23 13:52
    #9

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

    Moa-16
    2009-07-23 02:11
    #10

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

    Trollis-
    2009-07-23 12:25
    #11

    #10 Menar du vart man gör headern?

    Moa-16
    2009-07-23 12:54
    #12

    Ja!.

    Trollis-
    2009-07-23 13:15
    #13

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

    Annons:
    Moa-16
    2009-07-23 13:19
    #14

    Men var är det på bilden då?

    Trollis-
    2009-07-23 13:23
    #15

    #14 Vilken bild?

    Moa-16
    2009-07-23 13:25
    #16

    Bilderna i det här inlägget.

    Trollis-
    2009-07-23 13:37
    #17

    #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.

    Moa-16
    2009-07-23 13:51
    #18

    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.

    Trollis-
    2009-07-23 14:01
    #19

    #18 Lycka till :)

    Moa-16
    2009-08-09 16:41
    #20

    Ä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;
    }

    Annons:
    Moa-16
    2009-08-11 12:55
    #21

    Någon?.

    olympiathurfjell
    2009-08-11 13:13
    #22

    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;

    Olympia Thurfjell

    -olympiathurfjell.blogg.se

    Moa-16
    2009-08-11 16:23
    #23

    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.

    Photobucket

    Trollis-
    2009-08-11 17:57
    #24

    #23 Du ska endast använda http://i730.photobucket.com/albums/ww302/Moa-photos/1073uqx-1.gif Flört
    Sen vet jag dock inte om det är något speciellt på blogspot eftersom jag använder blogg.se

    olympiathurfjell
    2009-08-11 18:04
    #25

    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.

    Olympia Thurfjell

    -olympiathurfjell.blogg.se

    Moa-16
    2009-08-11 18:08
    #26

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

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

    Trollis-
    2009-08-11 19:35
    #27

    #26 Haha, va? :P

    Annons:
    Moa-16
    2009-08-11 19:55
    #28

    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å!.

    Moa-16
    2009-08-11 19:58
    #29

    Ååå 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?

    Trollis-
    2009-08-12 13:31
    #30

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

    Moa-16
    2009-08-12 13:57
    #31

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

    Trollis-
    2009-08-12 17:49
    #32

    #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);

    Moa-16
    2009-08-12 18:19
    #33

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

    Moa-16
    2009-08-12 21:31
    #34

    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;/.

    Annons:
    Trollis-
    2009-08-12 21:38
    #35

    #34 Om du menar headern, så testa att ändra margin-värdet under #header i stilmallen till ett lägre tal.

    Moa-16
    2009-08-12 22:15
    #36

    #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?

    Moa-16
    2009-08-12 22:20
    #37

    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…

    Moa-16
    2009-08-12 22:29
    #38

    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-.-*

    Trollis-
    2009-08-13 02:40
    #39

    #38 Här finns det på Designa din blogg ;)

    Moa-16
    2009-08-13 12:05
    #40

    Jaha, konstigt, jag hitta inteOskyldig.

    Trollis-
    2009-08-13 12:22
    #41

    #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.

    Annons:
    Moa-16
    2009-08-13 22:29
    #42

    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?.

    Trollis-
    2009-08-14 01:40
    #43

    #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…

    Moa-16
    2009-08-14 02:24
    #44

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

    Melvis
    2009-10-17 19:52
    #45

    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??

    olympiathurfjell
    2009-10-19 22:36
    #46

    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.

    Olympia Thurfjell

    -olympiathurfjell.blogg.se

    sofia135
    2010-03-05 09:41
    #47

    Assså det går juh inteRynkar på näsan

    sofia135
    2010-03-05 09:44
    #48

    Hur ska jag göööraaaa????Obestämd

    Annons:
    Moa-16
    2010-03-05 15:12
    #49

    #48 Om du läser inlägget, hittar du säkert svaret där:-d

    Oriel
    2010-03-08 17:11
    #50
    riiffen
    2010-04-02 21:27
    #51

    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;
    }

    medarbetare på allergier.ifokus .

    riiffen
    2010-04-03 00:41
    #52

    #51 Haha, nu fattade jag ;))

    medarbetare på allergier.ifokus .

    lindelind
    2010-05-17 19:42
    #53

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

    Moa-16
    2010-05-17 20:55
    #54

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

    lindelind
    2010-05-17 21:32
    #55

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

    Annons:
    lindelind
    2010-05-17 21:38
    #56

    dublett

    Moa-16
    2010-05-18 00:52
    #57

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

    mii2
    2010-07-13 02:15
    Bild 1. Klicka för att öppna i full storlek.
    #58

    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!

    Moa-16
    2010-07-13 02:17
    #59

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

    LillaLoppan123
    2010-12-21 22:17
    #60

    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#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;ia { 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

    Moa-16
    2010-12-21 23:23
    #61

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

    LillaLoppan123
    2010-12-22 12:02
    #62

    ah, jag har blogg.se

    Det är stilmall Koden

    Annons:
    Moa-16
    2010-12-22 12:56
    #63

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

    LillaLoppan123
    2010-12-22 13:41
    #64

    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

    Moa-16
    2010-12-22 13:46
    #65

    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!

    LillaLoppan123
    2010-12-22 13:55
    #66

    Hej jag kan inte hitta texten kan på lägga in den "texten" med adressen till mig i texten ?Skäms

    Moa-16
    2010-12-22 14:07
    #67

    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) 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 :)

    LillaLoppan123
    2010-12-22 14:15
    #68

    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;
    }

    LillaLoppan123
    2010-12-22 14:17
    #69

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

    Fixar nu !

    Annons:
    Moa-16
    2010-12-22 14:20
    #70

    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) 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;
    }

    LillaLoppan123
    2010-12-22 14:25
    #71

    Okej tack Glad

    Jättesnällt :D

    LillaLoppan123
    2010-12-22 14:33
    #72

    Men sidan blir bara konstig :S

    riiffen
    2010-12-22 14:40
    #73

    Börja om från början? Obestämd

    medarbetare på allergier.ifokus .

    Moa-16
    2010-12-22 14:58
    #74

    #72 På vilket sätt?

    Zorro_Tiger
    2012-05-16 19:57
    #75

    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?

    "Det är inte människor som hatar mig, det är jag som hatar människor"

    Jess89
    2012-05-16 20:52
    #76

    vad har du för format?

    Vänliga hälsningar Jessica
    medarbetare på socialt stöd & Anhöriga

    Annons:
    Zorro_Tiger
    2012-05-17 08:09
    #77

    Vad är det?

    "Det är inte människor som hatar mig, det är jag som hatar människor"

    Jess89
    2012-05-17 13:04
    #78

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

    Vänliga hälsningar Jessica
    medarbetare på socialt stöd & Anhöriga

    Zorro_Tiger
    2012-05-17 19:05
    #79

    Ja jag gjorde den i paint.

    "Det är inte människor som hatar mig, det är jag som hatar människor"

    Jess89
    2012-05-17 20:15
    #80

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

    Vänliga hälsningar Jessica
    medarbetare på socialt stöd & Anhöriga

    Zorro_Tiger
    2012-05-18 20:23
    #81

    Va? Fattar inte :S

    "Det är inte människor som hatar mig, det är jag som hatar människor"

    Upp till toppen
    Annons: