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 fr dere sette sammen selv til deres eget.



Nyttige tips:
CTRL + A = Merk alt
CTRL + C =Kopier
CTRL + V = Lim inn
CTRL + F =Sk

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 hyre 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 strrelsen du nsker



Smalere blogg

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



Endre strrelse 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 strrelsen



Endre farge p linkene nr musa kommer over

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

Legges i stilsettet

 


Er det mer du nsker og vite, s spr 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 fr, 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 fr mellomrom mellom selve bloggen og sidemeny?

Oda Strande

05.mai.2010 kl.17:08

Ja, hvordan fr 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 nr 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 fr 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 gjr, s skal jeg skrive det inn!

Regine6.blogg.no -

09.mai.2010 kl.18:14

Hvordan lager mann meny under headeren? Og hvordan fr mann til at nr 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