• Forside
  • TheHibi
  • Design
  • Bestille design
  • Spørsmål



  • Html-hjelp
  • Kontakt
  • Forside
  • Forside
  • BlogLovin'
  • Runde kanter wherever you want


    Først må det, som sant er, sies at det ikke er alle nettlesere som støtter denne koden. Jeg er trofast bruker av Mosilla Firefox, som er en nettleser som støtter koden.

    Nok om det - det er jo ganske enkelt å finne ut hvilke nettlesere som støtter nettopp dette, men i og med at jeg ikke orker å laste ned ti forskjellige nettlesere kun for å teste en liten detalj, overlater jeg det til de spesielt interesserte. Jeg er derimot nyskjerrig på om koden virker hos deg - dersom du bruker en annen nettleser enn meg.Det er bare å legge bare inn koden som vist nedenfor, forhåndsviser, og har du runde hjørner virker koden (hvis du har fulgt guiden nøye, i alle fall). Virker ikke koden, kan det selvfølgelig skylles feil i guiden, eller slurv.
    Setter pris på å høre hvilke nettlesere koden fungerer i, hvis noen vil dele informasjonen? :)

    Men i alle fall, finn frem hit

    Her har man mange muligheter, alt etter hvor man ønsker disse runde kantene. Jeg synes det er penest å enten endre alt til runde kanter, eller ingenting - for sammenhengens skyld.

    I hovedsak er det disse tre plassene det passer å plassere runde hjørner


    Eksempelet er uten runde hjørner, but you get the point.
    Vil du ha runde hjørner i headeren, punkt 1, kan være litt komplikasjoner med dette hvis bildet er for lite og ikke fyller headerens rammer. Får du det ikke til pga dette, få deg en større header - det er alt jeg kan hjelpe deg med.
    For runde kanter i headeren, søk opp (Ctrl + F): #header
    Under søkeresultatet, mellom { HER } limer du inn følgende:

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

    For runde kanter på selve bloggen (punkt 2), må du først se på bloggen din om du har oppstykkede innlegg (hvert innleg i egen boks), om du har en hel kolonne til kun innlegg (med separat sidemeny), eller om du har blogg og sidemeny i ett.
    For eksempel 1, egne bokser for hvert innlegg, søker du opp .entry og legger inn koden i ruten under mellom { HER }.
    For eksempel 2, egen kolonne til alle innlegg, søker du opp #main og legger inn koden i ruten under mellom { HER }.
    For eksempel 3, blogg og sidemeny i ett, søker du opp #wrapper og legger inn koden i ruten under mellom { HER }.

    Når jeg skriver mellom { HER }, mener jeg selvfølgelig mellom klammene under søkeresultatet.
    Dette limer du inn mellom ønskede klammer:

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

     

    Har du separat sidemeny, som i eksempelet, kan du også lage til runde kanter på den. Søk opp #side og legg inn den samme koden som nevnt tidligere:

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

    30 kommentarer

    Marianne et eller annet

    23.09.2010 | kl.15:48 | URL: http://mliis.blogg.no

    Så kult :)

    Aida

    23.09.2010 | kl.16:48 | URL: http://neutral.blogg.no

    Jeg har MAC og bruker Safari, og det funket til meg :-)

    Regner med at det vil bli vanlige kanter på innleggene hvis nettleseren ikke støtter koden?

    Kaja

    23.09.2010 | kl.20:59 | URL: http://www.kajasboble.blogg.no/

    Den funker ikke til Internet Explorer, men bytta til Mozilla Firefox, og nå funker det fint!

    zipony

    25.09.2010 | kl.19:38 | URL: http://zipony.blogg.no

    Virker som om det fungerer med Google Chrome også. Så vet du det ;D

    adinen

    04.10.2010 | kl.17:54 | URL: http://adinen.blogg.no

    kan du lage et innlegg hvor man får kommentar-knappen helt til høyre (-->) sånn som annais? :)

    05.10.2010 | kl.22:02 | URL:

    Elsker dette, tusen takk!

    <3 ingrid!

    23.10.2010 | kl.12:01 | URL:

    kult!

    vivvis

    16.11.2010 | kl.16:15 | URL: http://vivvis.blogg.no

    Hvordan får jeg runde kanter på bred blogg (uten sidemeny)? Jeg får det ikke til.

    27.11.2010 | kl.17:45 | URL:

    Jeg bruker Google Chroome som Nettleser, og det fungerte for meg!

    vivvis

    29.11.2010 | kl.18:05 | URL: http://vivvis.blogg.no

    Hvordan får jeg runde kanter på innleggene på en bred blogg uten sidemeny?

    vivvis

    13.12.2010 | kl.17:11 | URL: http://vivvis.blogg.no

    Ooops, jeg kommenterte visst to ganger. Unnskyld! Siden kommentaren ikke ble godkjent med en gang glemte jeg at jeg hadde kommentert alt.

    stine♥

    28.12.2010 | kl.15:44 | URL: http://stinemariesk

    det funket ikke på meg, fordi jeg har border rundt for å få separate innlegg og sidemeny. Da ble det runde kanter på borderen i stedet, men den er jo i samme farge som bakgrunnen, så det syns ikke, haha.

    silje's foto ¢¾

    03.01.2011 | kl.22:27 | URL: http://siljesfotoo.blogg.no

    Jeg får det ikke til,hva mener du med { HER }

    det er ikke to sånne under min ''#wrapper'' knapp? blir helt annerledes uansett,har prøvd Google Chrome og Mosilla Firefox :)

    Troppsi

    16.02.2011 | kl.19:48 | URL: http://troppsiusa.blogg.no

    Jeg lurte på hvordan man får runde kanter bare nederst på wrapperen og ikke på toppen?

    Eirin

    18.02.2011 | kl.14:27 | URL: http://ladylonglegs.blogg.no

    det er bare et av jørnene som blir rundt hva gjør jeg da

    thetardz <3

    04.03.2011 | kl.18:29 | URL: http://thetardz.blogg.no

    det funker ikke! :o

    Therese♥

    26.03.2011 | kl.22:31 | URL: http://TimeToSay.blogg.no

    Jeg fikk bare avrundet hjørnene i bånd av innleggene mine og hele sidebaren min

    men jeg vil også ha avrunet hjørnene i toppen av innleggene mine c:

    Fint hvis du kunne ha hjulpen meg ^^

    David-Kingsley

    04.04.2011 | kl.19:33 | URL: http://www.davidkendel.blogg.no

    Takk for hjelpen, du! Kjempefint at dere som er flinke til det her med koding, er villige til å hjelpe andre. Slik skal det være. :) Takk!

    Sara i USA

    10.04.2011 | kl.20:29 | URL: http://saraiusa2011.blogg.no

    jeg bruker Opera, og det funket for meg :D Thank youu:)
    Funker på Google Chrome også! Særiøst, du er en gud innen koder til blogg! TAKK!

    dreamcatcherrr

    01.05.2011 | kl.18:24 | URL: http://dreamcatcherrr.blogg.no/

    Jeg får ikke helt til jeg. Jeg vil kunn ha runde hjørner på toppen av headeren, altså ikke på hjørnene nede på headeren, hvordan får jeg til dette? Håper på svar tilbake !:)

    http://dreamcatcherrr.blogg.no/

    Sanni

    05.07.2011 | kl.17:01 | URL: http://sanni.blogg.no/

    I mitt stilsett har jeg mange "#header" hvilken skal jeg lime det inn under??
    Jeg fikk runde hjørener på venstre side av headeren, men ikke høyre side :S Vet du hva som er problemet?
    Ups, ikke bry deg om den forige kommentaren min :P Fikk det til!

    Cathenja

    16.07.2011 | kl.02:18 | URL: http://www.Cathenja.blogg.no

    Funker knall i chrome! Takk!!

    Still sparkling

    25.07.2011 | kl.20:37 | URL: http://stillsparkling.blogg.no

    Jeg bruker Rockmelt, og det funker her ;) det eneste er sidemenyen, men det er fordi den er oppdelt i bokser ;)

    Guro Bieber♥

    04.09.2011 | kl.18:50 | URL: http://gyzt.blogg.no

    Hei! klarte det på innleggene, men ikke i sidebaren? trenger hjelp!

    Renate

    09.10.2011 | kl.12:53 | URL: http://ates.blogg.no

    Funker på rockmelt :-)

    Emma

    07.11.2011 | kl.01:01 | URL: http://emmasthoughts.blogg.no/

    Tusen takk får all hjelp, det er nermest kun takket være deg att jeg klarer å fikse på min blogg!

    så igjen, TUSEN TAKK! :-D

    solspretten

    05.07.2012 | kl.21:05 | URL: http://www.solspretten.blogg.no

    Det funket ikke på google chrome, men så brukte jeg firefox, og da funket det! :) Tusen takk! Har lett lenge etter den koden! :)

    18.02.2015 | kl.01:28 | URL: http://appledawn.blogg.no

    Hvordan få runde kanter på overskriften?

    Skriv en ny kommentar


    - Skal du spørre om noe angående noe i en guid, ta gjerne en titt på Spørsmålssiden min først! Er spørsmålet du skal stille spurt mange ganger før, finner du nok svaret der :)


    Interiørblogger
      Blogger du om interiør eller smarte tips og triks i hjemmet? Da har du muligheten til å bli linket til herfra! Skriv en liten hilsen her og du er med i vurderingen!
    INFO

    TheHibi


      Her på bloggen utfolder jeg meg kreativt i håp om å bli en bedre designer, fotograf, tekstforfatter og Photoshop-bruker. Jeg har rukket å bli nesten 21 år gammel, og studerer for tiden eiendomsmegling. Bloggingen har en tendens til å skje litt i rykk og napp, so stay tuned -

      Merk deg at jeg driver denne bloggen med det prinsippet at jeg skal være en hjelp til selvhjelp. Les gjerne guiden flere ganger før du spør, det er vanskelig for meg å svare alle personlig, som får den konsekvensen at det ikke kommer nye guider.

    TheHibi på bloglovin

    Blogglisten
    OBS!
      Kommentarer du vil ha svar på av meg, bør kommenteres her på min blogg. Jeg har ikke kapasitet til å jakte rundt etter kommentarer som er til meg, på andre blogger. Beklager
    Arkiv
    hits