Om bloggande

Fixa en egen header

2009-06-21 21:21 #0 av: olympiathurfjell

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

Anmäl
2009-06-21 21:35 #1 av: Jojaton

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

Johanna
@bellasantorino på Instagram

Anmäl
2009-06-21 22:43 #2 av: 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 :)

Anmäl
2009-06-22 00:15 #3 av: olympiathurfjell

#1 tänkte inte på det.

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

Anmäl
2009-06-22 13:49 #4 av: 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 ;)

Anmäl
2009-06-23 01:28 #5 av: mallanz

Jättebra artikel :)

Anmäl
2009-06-23 01:35 #6 av: Moa-16

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

Anmäl
2009-06-23 13:34 #7 av: 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?

Anmäl
2009-06-23 13:47 #8 av: Michiis

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

Anmäl
2009-06-23 13:52 #9 av: Moa-16

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

Anmäl
2009-07-23 02:11 #10 av: Moa-16

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

Anmäl
2009-07-23 12:25 #11 av: Trollis-

#10 Menar du vart man gör headern?

Anmäl
2009-07-23 12:54 #12 av: Moa-16

Ja!.

Anmäl
2009-07-23 13:15 #13 av: Trollis-

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

Anmäl
2009-07-23 13:19 #14 av: Moa-16

Men var är det på bilden då?

Anmäl
2009-07-23 13:23 #15 av: Trollis-

#14 Vilken bild?

Anmäl
2009-07-23 13:25 #16 av: Moa-16

Bilderna i det här inlägget.

Anmäl
2009-07-23 13:37 #17 av: 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.

Anmäl
2009-07-23 13:51 #18 av: 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.

Anmäl
2009-07-23 14:01 #19 av: Trollis-

#18 Lycka till :)

Anmäl
2009-08-09 16:41 #20 av: 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;
}


 

Anmäl
2009-08-11 12:55 #21 av: Moa-16

Någon?.

Anmäl
2009-08-11 13:13 #22 av: 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;

Anmäl
2009-08-11 16:23 #23 av: 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>

 

Anmäl
2009-08-11 17:57 #24 av: Trollis-

#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

Anmäl
2009-08-11 18:04 #25 av: 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.

Anmäl
2009-08-11 18:08 #26 av: Moa-16

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

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

Anmäl
2009-08-11 19:35 #27 av: Trollis-

#26 Haha, va? :P

Anmäl
2009-08-11 19:55 #28 av: 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å!.

Anmäl
2009-08-11 19:58 #29 av: 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?

Anmäl
2009-08-12 13:31 #30 av: Trollis-

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

Anmäl
2009-08-12 13:57 #31 av: Moa-16

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

Anmäl
2009-08-12 17:49 #32 av: 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);

Anmäl
2009-08-12 18:19 #33 av: Moa-16

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

Anmäl
2009-08-12 21:31 #34 av: 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;/.

Anmäl
2009-08-12 21:38 #35 av: Trollis-

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

Anmäl
2009-08-12 22:15 #36 av: 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?

Anmäl
2009-08-12 22:20 #37 av: 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...

Anmäl
2009-08-12 22:29 #38 av: 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-.-*

Anmäl
2009-08-13 02:40 #39 av: Trollis-

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

Anmäl
2009-08-13 12:05 #40 av: Moa-16

Jaha, konstigt, jag hitta inteOskyldig.

Anmäl
2009-08-13 12:22 #41 av: 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.

Anmäl
2009-08-13 22:29 #42 av: 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?.

Anmäl
2009-08-14 01:40 #43 av: 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...

Anmäl
2009-08-14 02:24 #44 av: Moa-16

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

Anmäl
2009-10-17 19:52 #45 av: 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??

Anmäl
2009-10-19 22:36 #46 av: 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.

Anmäl
2010-03-05 09:41 #47 av: sofia135

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

Anmäl
2010-03-05 09:44 #48 av: sofia135

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

 

Anmäl
2010-03-05 15:12 #49 av: Moa-16

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

Anmäl
2010-03-08 17:11 #50 av: 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/sahar-laddar-du-upp-en-header.html#comment

Anmäl
2010-04-02 21:27 #51 av: 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;
}

Anmäl
2010-04-03 00:41 #52 av: riiffen

#51 Haha, nu fattade jag ;))

Anmäl
2010-05-17 19:42 #53 av: lindelind
Riiffen: Kan du förklara hur du gjorde? ;)
Anmäl
2010-05-17 20:55 #54 av: Moa-16

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

Anmäl
2010-05-17 21:32 #55 av: lindelind

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

Anmäl
2010-05-17 21:38 #56 av: lindelind

dublett

Anmäl
2010-05-18 00:52 #57 av: Moa-16

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

Anmäl
2010-07-13 02:15 #58 av: 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!

Anmäl
2010-07-13 02:17 #59 av: Moa-16

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

Anmäl
2010-12-21 22:17 #60 av: 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

Anmäl
2010-12-21 23:23 #61 av: Moa-16

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

Anmäl
2010-12-22 12:02 #62 av: LillaLoppan123

ah, jag har blogg.se

Det är stilmall Koden

Anmäl
2010-12-22 12:56 #63 av: Moa-16

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

Anmäl
2010-12-22 13:41 #64 av: 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

Anmäl
2010-12-22 13:46 #65 av: 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!

Anmäl
2010-12-22 13:55 #66 av: LillaLoppan123

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

Anmäl
2010-12-22 14:07 #67 av: 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) 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 :)

Anmäl
2010-12-22 14:15 #68 av: 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;
}

 

Anmäl
2010-12-22 14:17 #69 av: LillaLoppan123

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

 

Fixar nu !

Anmäl
2010-12-22 14:20 #70 av: 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) 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;
}

Anmäl
2010-12-22 14:25 #71 av: LillaLoppan123

Okej tack Glad

Jättesnällt :D

Anmäl
2010-12-22 14:33 #72 av: LillaLoppan123

Men sidan blir bara konstig :S

Anmäl
2010-12-22 14:40 #73 av: riiffen

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

Anmäl
2010-12-22 14:58 #74 av: Moa-16

#72 På vilket sätt?

Anmäl
2012-05-16 19:57 #75 av: 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?

Anmäl
2012-05-16 20:52 #76 av: Jess89

vad har du för format?

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

Anmäl
2012-05-17 08:09 #77 av: Zorro_Tiger

Vad är det?

Anmäl
2012-05-17 13:04 #78 av: Jess89

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

Anmäl
2012-05-17 19:05 #79 av: Zorro_Tiger

Ja jag gjorde den i paint.

Anmäl
2012-05-17 20:15 #80 av: Jess89

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

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

Anmäl

Det finns en till kommentar till den här diskussionen. Den är bara synlig för medlemmar på iFokus. För att läsa kommentaren, logga in eller registrera dig på iFokus.