Floating Facebook Widget
forsiden webdesign grafikk guider guider
Forsiden » Webdesign » Blogg.no » HTML og CSS » Runde hjørner

Runde hjørner

Med disse kodene kan du få runde hjørner på alt du måtte ønske. Er det noe jeg ikke har forklart, så legg igjen en kommentar om hvor du vil ha runde hjørner.

Her er kodene som gjør det. Det er 4 forskjellige koder som fungerer for forskjellige nettlesere. border-radius fungerer for de nyeste versjonene av IE, Firefox, Chrome, Safari og Opera.

-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;

Du kan bytte ut 7 med et annet tall. Jo høyere tall, jo rundere hjørner.
Disse kodene må du da lime inn i stilsettet der du vil ha runde hjørner, og her er en oversikt for hva som er hva. Koden skal limes inn mellom disse to klammene { }

Rundt alle blogginnleggene

#main {
}

Hvert enkelt blogginnlegg

.entry {
}

Sidemenyen

#side {
} 

Boksen rundt sidemeny og blogginnlegg

#wrapper {
}

Headeren

#header {
}

24 kommentarer

rebekka myking ♥ 29. mai 2011, kl. 09:10

men når jeg bruker koden, som jeg gjør. så er det som det er et nytt lag med hvit bakgrunn!? det blir runde hjørner, men ikke sånn at det vises fordi det er fortsatt et «ark» under som gjør at det fortsatt er firkantet!? :O HJELP

rebekka myking ♥ 29. mai 2011, kl. 11:36

sånn, nå har jeg gjort det. nå ser du sikkert hva jeg mener. men nå har jeg den på 200px sånn at det skal vises. håper på hjelp! :)

Martine 04. juli 2011, kl. 14:12

Trenger hjelp til å sette inn runde hjørner. Får det ikke til :-)

anita Sæterdal 03. august 2011, kl. 20:05

Jeg får det ikke til! Skjønner ikke hvor jeg skal legge dem, og hva jeg skal legge inn.. Skal jeg legge inn hele denne du har øverst her eller bare en av de rekkene, og skal det legges sammen med det andre som står under? :p

kanutte amalie 17. august 2011, kl. 13:18

har lett etter denne lenge så tusen takk :)

Tanja 19. august 2011, kl. 15:59

KAN DU EN KODE FOR Å FÅ RUNDE HJØRNER PÅ BAKGRUNNEN I OVERSKRIFTEN, OG I KOMMENTARFELTET OG SÅNT ? :D sorry for caps lock’en.

Martine 28. august 2011, kl. 00:40

Hei du! Jeg er ganske brukbar på html og css og lignende, men jeg finner ikke ut hvordan man får runde kanter/hjørner på hvert eneste bilde jeg legger ut på bloggen uten å måtte redigere det selv i et redigeringsprogram! Tror du du kan klare å forklare det for meg? :) Designbloggen din har vært en gud for meg siden jeg begynte å blogge, hehe! :D

LQVE 26. oktober 2011, kl. 15:50

Hei. Jeg bare lurer på hvilken av de kodene som er til Google Chrome!? !, 2, 3, eller 4? :)

Sandra ---> Kommentere alltid tilbake! 29. oktober 2011, kl. 12:34

Hvor skal jeg legge den header koden inn? Det står jo det samme i header og vist jeg skal lime «den koden over» inn i stilsett, så funker det ikke, hva er koden og hvor skal jeg legge den inn? HELP ME

hallo 10. november 2011, kl. 21:40

hallo!! du må forklare LITT bedre da! det funker ikke i det hele tatt, og det er jo flere over her som ikke skjønner det!

Filippa 29. desember 2011, kl. 21:02

Hvordan kan man få runde hjørner bare øverst? Som på dette bildet: http://oi40.tinypic.com/15ejo93.jpg ?

hjelp meg 08. januar 2012, kl. 17:01

dette funker ikke til meg. kan du forklare HVOR vi skal lime inn kodene. bruk bilder eller beskriv litt bedre. takk ;D

ingvild risnes 17. januar 2012, kl. 22:59

Jeg ville bare fortelle at jeg har brukt runde hjørner, og egentlig hele designet mitt! sånn at du vet det :) super bra side!

Sigrid. 02. februar 2012, kl. 20:12

Hei! Hvordan deler jeg opp innleggene? Slik at det er mellomrom mellom hvert innlegg?
Takk for hjelpen på forskud<3

Jensine 08. februar 2012, kl. 20:08

Hvor skal jeg sette inn koden?
Svar på bloggen!

Christina 07. april 2012, kl. 12:38

Jeg vil ha det rundt bilder….

amanda 09. april 2012, kl. 18:36

hei :) tuusen takk for alle de fine kodene, har brukt ganske mange ;) men tror du du kan hjelpe meg med en ting? jeg har to bilder i sidemenyen, hvordan får jeg runde hjørner på de også??
Amanda :)

Rikke I K 07. juni 2012, kl. 21:20

jeg finner ikke main i stilsettet mitt og jeg har søkt ved hjelp av Ctrl + F men finner det ikke :( hva skal jeg gjøre ??

Marthe 19. januar 2013, kl. 13:28

Hei! Hvordan gjør man sånn at det kan stå i innlegget; trykk her . så er HER blått,også kommer man på en nettside. Skjønte du hva jeg menet? vasnkelig å forklare. Ps. KJEMPE bra blogg!

OsloTonny 08. februar 2013, kl. 12:09

Hey, jeg lurer på hvordan får man kanter på profilbilde. Jeg ser noen som har vanlig profilbilde og det er en kode som gjør at det blir kanter på den. Vet du om denne koden?

Malin 14. juli 2014, kl. 13:16

Hvordan får jeg runde bilder? (som profilbilde og i kommentarfeltet) :)

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