2012-01-07 / 22:44:55 / Designtips: Runda hörn

Det blir ett till designtips idag. Jag tänker lite snabbt berätta hur man får runda hörn på till exempel menyn eller inläggen, så som jag har i min design, på ett väldigt enkelt sätt.
Det enda som behövs är en liten kod som ser ut såhär:

-moz-border-radius: 10px;
border-radius: 10px;

Den här koden ska du sedan lägga in i stilmallen. Om du vill ha runda hörn på menyn, så lägger du koden under #side. Vill du ha runda hörn på inläggen, lägger du koden under #content.
Du kan också ändra 10px till ett annat tal, beroende på hur runda du vill att hörnen ska bli. Ju högre tal, desto rundare. Ju lägre tal, desto fyrkantigare. Busenkelt!

Jag blev helt crazy-överlycklig när jag hittade den här koden, så jag tänkte att jag kanske kan göra någon annan glad genom att dela med mig av den. Hoppas ni förstod, annars: våga fråga!


Linda

Tack desamma :)

2012-01-08 @ 11:48:20
http://dancingallday.blogg.se/

michelle bergström.

Sv: Tack så mycket. :) Detsamma. :D Jättebra tips!

2012-01-08 @ 13:04:03
http://michellebergstroom.blogg.se/

Amanda

hej, jag har ett jättebra tips på hur du kan tjäna pengar på din blogg! du kan tjäna upp till 600 kronor för varje person som klickar på din länk & registrerar sig, awesome ellerhur?! klicka på länken för att läsa dig till hur man ska göra! http://ssmileyface.blogg.se/2012/january/tjana-pengar-pa-ett-sjukt-latt-satt.html#comment

kram<3

2012-01-08 @ 18:50:46
http://ssmileyface.blogg.se/

Simona

Hej! jättebra tips! tack tack så mycket, behövde verkligen det ♥ skitfin blogg, kram

2012-01-30 @ 17:43:29
http://simonis.blogg.se/

Jenny

Tack så mkt, letade precis efter detta! (:

2012-03-04 @ 18:24:12
http://j-j3nny.soclog.se

SIGNEKARLSSON

fungerar ju inte..

kan du skriva koden till mig i en kommentar där jag kan kopiera den ist? ;o

2012-04-26 @ 19:23:14
http://signeekarlsson.blogg.se/

Julle

jag har testat att lägga in koden, men det funkar inte hur jag än bär mig åt? du kanske kan hjälpa mig? för det vore jättesnällt! :)

2012-05-13 @ 19:08:02
http://juulle.se

lilla linnea

ååh du gjorde precis min dag! har etat runt som en tok på en fungerande kod och du hade den! Tack! ^^

2012-05-20 @ 23:12:44
http://lillinneas.blogg.se/

Hannah.

Vilken stilmall hade du från början? Har panik, råkade radera allt jag gjort, skulle vilja ha det som på denna designen (dock med egen bakgrund och bild i headern) Får daaaamp , hjälp mig snälla :$

Svar: Jag är inte helt säker på att jag förstår hur du menar, men jag hade ingen 'speciell stilmall' eller tema från början utan jag kodade hela designen från grunden. Vad är det du vill ha hjälp med? Att göra en design? :}
JAG ÄR KNEPIG

2012-06-22 @ 20:39:18
Hannah

Oj glömde skriva min bloggs namn..

2012-06-22 @ 20:39:58
http://hannahcecilia.blogg.se

erika

hej! jag testade den här koden men det blir bara runda hörn längst ner i menyn, inte där uppe..vet du vad felet är?

Svar: Svårt att säga vad felet är utan att se själva koderna. Det här är en sorts kod som inte fungerar tillsammans med vissa koder eller vissa webbläsare, så det kan bero på lite olika saker. Hoppas du får det att fungera i alla fall, prova dig fram eller fråga hos någon designblogg :} kram!
JAG ÄR KNEPIG

2012-06-23 @ 20:38:26
http://erikaelinlundgren.blogg.se

Frida

Åh, herregud vilken bra kod! Tack så hemskt mycket! :D

Svar: Vad roligt att jag kunde hjälpa dig :}
JAG ÄR KNEPIG

2012-07-07 @ 16:07:21
http://fridazlindqvist.blogg.se

Evelinaaaa

Ååh tack så mycket har sökt så länge efter en som funkat! Tackar dig så oändligt mkt!

Svar: Vad roligt att jag kunde hjälpa dig :}
JAG ÄR KNEPIG

2012-07-12 @ 21:01:31
http://eveliinakock.blogg.se

Caroline

tusen tack för den här koden! :D men jag har samma problem som "Erika" att jag inte får runda hörn på menyn högst upp :(

Svar: Tyvärr så vet jag inte vad problemet är, det kan vara väldigt olika och bero på många olika saker. Jag kan tyvärr bara råda dig att prova dig fram tills du hittar en lösning :}
JAG ÄR KNEPIG

2012-07-16 @ 16:45:30
http://HelloCarroBarro.blogg.se

natalieljung

Jag har kopierat koden och det, men jag får inte ''senaste inläggen'' och det med, det kommer liksom utanför.. Skulle bli sjukt glad om du svarade och kanske kunna hjälpa mig med det?

OBS! Jag gör på en test blogg!

Svar: Det kan bero på många olika saker, men det är väldigt svårt att säga vad det är utan att se koderna eller ha varit med 'from scratch' och kodat designen. Det enda rådet jag kan ge dig är att prova dig fram tills du hittar en lösning :} alternativt fråga hos någon designblogg.
JAG ÄR KNEPIG

2012-07-21 @ 18:49:49
http://natalieljung.blogg.se

Vilma

Tack så mycket! Det gick inte på menyerna men spela roll <3

2012-10-08 @ 16:35:16
http://allwithvilma.blogg.se

Nicole Dahl

det funkar ju inte?

Svar: Det beror antagligen på webbläsaren, det här fungerar oftast inte i Internet Explorer. IE är en sådan 'känslig' webbläsare så många koder syns inte i den. Prova med en annan så funkar det, t ex Google Chrome eller Firefox. Lycka till :)
JAG ÄR KNEPIG

2012-11-16 @ 18:32:23
http://nicoledahl.blogg.se

Sanna Widman

Hej :)
Jag undrar hur du har gjort för att få runda hörn i menyn, alltså att det är olika rutor och runda hörn runt de, har aldrig fått till det. Utan bara som fyrkantiga, bara fått runt när hela menyn är i samma. :)

Svar: Jag utgår ifrån att du vet hur man gör för att dela upp menyn i boxar? När man delar upp menyn använder man ju en kod som heter #box eller någonting i den stilen. Då är det den koden som styr menyn istället för #side. Alltså måste du klistra in koden för runda hörn under #box och inte #side i stilmallen. Då ska det funka! :)
Saga

2013-08-12 @ 17:11:31
http://sannawidman.se

Sanna Widman

Tack för svaret :) fick det att funka på något annat viss efter en hel del prövande men tror jag ska prova detta för låter bättre :)

2013-08-13 @ 12:22:36
http://sannawidman.se

Lillis

Tack <3

2013-09-10 @ 12:03:37
http://lillisjonsson.blogg.se

Helin Sherif

Tack så hemskt mycket, har letat efter detta hur länge som helst !
Thanks !

2013-09-29 @ 08:57:16
http://helinsherif.com/


Lämna en kommentar

Namn
Kom ihåg mig?

E-postadress (publiceras ej)

Blogg/hemsida

Kommentar:



Alla kommentarer godkänns innan publicering.
Om du vill ha svar på din kommentar, glöm inte att fylla i din mailadress eller bloggadress.
Trackback