Floating Facebook Widget
forsiden webdesign grafikk guider guider
Forsiden » Webdesign » Blogg.no » HTML og CSS » Del sidemenyen opp i bokser

Del sidemenyen opp i bokser

Her skal jeg forklare deg hvordan du deler sidemenyen opp i bokser. Hvis du har rotet mye med kodene til sidemenyen i malene, så er det ikke sikkert at dette funker hos deg.

Legg inn denne koden nederst i stilsettet:

#side div {
background-color: #FFFFFF;
padding: 8px;
margin-bottom: 10px;
}

Hvis du vil at boksene skal ha mer mellomrom mellom seg, bytter du ut 10 etter magin-bottom: med et høyere tall.

Hvis bakgrunnsfargen på wrapper er satt til #FFFFFF må du endre den til transparent. Sånn:

#wrapper {
background-color: transparent;
}

Hvis denne koden ikke ligger i stilsettet ditt allerede, så kan du legge den inn for at blogginnleggene skal bli hvite.

#main {
background-color: #ffffff;
}

8 kommentarer

Ida Mari 10. juni 2011, kl. 23:30

Tusen takk, dette var virkelig til stor hjelp! Er bestandig på siden din hvis jeg trenger hjelp med designet :-)

CeccieAndLover - ♥ 30. juni 2011, kl. 01:36

Tusen takk. Du er mye til hjelp :)

pim 19. november 2011, kl. 13:18

Det funker ikke til meg :/ kan du vær så snill å hjelpe meg med det?

Plaifa 20. november 2011, kl. 18:04

Jeg får ikke helt til.. Kan du hjelpe meg?

SweetieAlex 02. desember 2011, kl. 18:06

Hvordan får man gjennomsiktige bokser?

tolea 08. desember 2011, kl. 21:39

Funker ikke hos meg heller… Kunne det vært mulig med litt hjelp? :)

Kira Nadine 31. desember 2011, kl. 01:44

Hei! jeg har delt opp i bokser, men vet du hvordan man får en fin overskrift til boksene ? lage en liten overskrift med photoshop og sette den inn eller noe ? og , vet du hvordan man får en svart linje rundt boksene ? SVAR PÅ MAIL : kira@inspiritualization.com :-D

Dina 20. september 2013, kl. 18:00

Hei! jeg har satt inn alle kodene i stilsettet og lagret endringene men det skjer ingen forskjell.
Hva er det jeg gjø feil?

Skriv en kommentar

E-postadressen din vil ikke bli publisert. Påkrevde felt er markert med *.

*


Du kan bruke disse HTML-kodene og -egenskapene: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Søk

 

Nerdie.me Design Proudly powered by WordPress