Rundade hörn

Rundade hörn är snyggare och mer iögonfallande, och även mycket lätt att göra. Det enda man behöver göra är att ändra i stilmallen. I stilmallen skrivs all CSS, och när man gör rundade hörn använder man något som kallas CSS3, en nyare och förbättrad version. Det fungerar i dom flesta webbläsarna och det brukar bara vara Internet Explorer som krånglar ibland.

Gör såhär:

1. Gå in på Design -> Redigera stilmall.

2. Kopiera hela denna koden:

-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;

-khtml-border-radius-topleft:5px;
-khtml-border-radius-topright:5px;
-khtml-border-radius-bottomleft:5px;
-khtml-border-radius-bottomright:5px;

-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;

3. Klistra in den där du vill ha rundade hörn. Såhär sätter du in den i headern:

Det enda som jag har ändrat är att jag har tagit bort mellanrummet mellan de olika koderna. Det är inget måste. Självklart kan man ändra hur rundade hörnen ska vara. Mer = fler pixlar. Mindre = mindre pixlar. (px)