DESIGNHJELP TIL DERE

Mange lurer på hvilke koder jeg bruker for og lage designet mitt. Og er ikke veldig villig til og gi dere alt, men kan gi dere noe, så får dere sette sammen selv til deres eget.



Nyttige tips:
CTRL + A = Merk alt
CTRL + C = Kopier
CTRL + V = Lim inn
CTRL + F = Søk

Fargekart finner du her.



Ramme rundt blogg, header eller innlegg


Gå  inn på Design > Rediger > Stilsett

For og ha det rundt bloggen setter du inn denne:

#wrapper {
background-color: #FFFFFF;
border: 2px solid #000000; < Her kan du endre fargen på rammen
}
#footer {
background-color: #FFFFFF;
border: 2px solid #000000;
For og endre bredden på rammen endre på tallet: border: 3px dotted #000000;

Ramme rundt header:

#header {
background-color: #FFFFFF;
background-image: url('url til header inn her');
height: 460px;
( KODEN INN HER )
background-repeat: repeat;

Ramme rundt innleggene

}
.entry {
border: 1px solid #708090;
}



Midtstille bloggen


Gå inn på > stilsett

Lim inn disse kodene:

#header {
background-color: #FFFFFF;
height: 236px;
margin-left: auto;
margin-right: auto;

}
#wrapper {
background-color: #FFEFFC;
margin-left: auto;
margin-right: auto;

}
#footer {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;



Endre meny fra høyre til venstre


Gå inn på > stilsett

#wrapper {
background-color: #FFFFFF;
border: 2px dotted #000000;
}
#main {
float: right;
}
#side {
float: left;
}
#footer {
background-color: #FFFFFF;
border: 2px dotted #000000;
}
#main {
float: right;
}
#side {
float: left;
}




Få mindre skrift


Gå inn på > stilsett

Der du finner for eksempel font-size: 8pt; endrer du bare tallet til det passer med den størrelsen du ønsker



Smalere blogg

For og få en smalere blogg, legger du til width: 610 px; under de stedene det står height 145 px;



Endre størrelse på overskriftene

h2 { font-size: 50% }

Limes inn nederst i ditt stilsett



Bakgrunnsfarge på overskriftene

h2 {
cursor:default;
background-color: #BAD5EC;  < Endre fargen på bakgrunn
color: #000000;
font-size:7pt;
font-family:verdana;
letter-spacing:1px;
line-height:12pt;
text-align: center;
padding: 3px;
font-weight: bold;
text-transform: uppercase; 
margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px;

Settes inn nederst i stilsettet



 Linje Under overskriften

h2 { border-bottom: 1px solid #000000}

Legges nederst i stilsettet

----

 Linje over overskriften:

h2 { border-top: 1px solid #000000}

Legges nederst  i stilsettet




Fjern menyen fra bloggen

}
#side {
display: none;
}

Legges i stilsettet



Mellomrom mellom header og "bloggen"

Legg inn koden under, under #header

margin-bottom:  30px; < endre størrelsen



Endre farge på linkene når musa kommer over

a:hover { color: #000000} < endre farge

Legges i stilsettet

 


Er det mer du ønsker og vite, så spør i kommentarfeltet!

Var dette til hjelp?

13 kommentarer

<3 Marita

04.mai.2010 kl.20:54

bra :D

E m i l i a

04.mai.2010 kl.21:02

<3 Marita: hope so :)

CAROLINE

04.mai.2010 kl.21:21

takk:D hehe!

E m i l i a

04.mai.2010 kl.21:47

CAROLINE : bare hyggelig :D

Rebecca

05.mai.2010 kl.12:58

kan egentlig det meste fra før, men litt var til hjelp :)

Julie

05.mai.2010 kl.15:09

Takk for fine tips! Jeg lurte på om du kunne forklare hvordan man får mellomrom mellom selve bloggen og sidemeny?

Oda Strande

05.mai.2010 kl.17:08

Ja, hvordan får man mellomrom mellom bloggen og sidemenyen? :)

E m i l i a

05.mai.2010 kl.17:14

Kan ikke svare på det det, for jeg veit helt ærlig ikke hvordan jeg fikk det til ;o og når jeg skal finne koden, finner jeg den ikke

sofiestrawberry

05.mai.2010 kl.17:19

Dette var veldig hjelpsomt, tusen takk! Jeg lurer veldig på hvordan man får mellomrom mellom bloggen og sidemenyen? :)

E m i l i a

05.mai.2010 kl.17:26

Sofie: det er bra :) som sagt så veit jeg ikke hvordan jeg fikk det til, men om jeg gjør, så skal jeg skrive det inn!

Regine6.blogg.no -

09.mai.2010 kl.18:14

Hvordan lager mann meny under headeren? Og hvordan får mann til at når man trykker på fks "bli min venn" i menyen, så dukker det opp?

Thea : Oslodudene.blogg.no

11.mai.2010 kl.22:03

Kjempe bra tips!! :)))
Tusen takk! Dette var til nytte!! :D

Skriv en ny kommentar

E m i l i a

17, Trondheim

bloglovin

Kategorier

Arkiv

hits Related Posts with Thumbnails Related Posts with Thumbnails