Ga naar weergave > bewerker en selecteer style.css (stylesheet) hier kan je je css aanpassen. Voor ronde hoeken moet je gebruik maken css3 zie hieronder:
#access{ -webkit-border-top-left-radius: 50px; -webkit-border-top-right-radius: 50px; -moz-border-radius-topleft: 50px; -moz-border-radius-topright: 50px; border-top-left-radius: 50px; border-top-right-radius: 50px; } #site-generator{ -webkit-border-bottom-right-radius: 50px; -webkit-border-bottom-left-radius: 50px; -moz-border-radius-bottomright: 50px; -moz-border-radius-bottomleft: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; }
De regels met -webkit- ervoor is voor internet Explorer en met -moz- is voor firefox.
Let op dat css3 niet door alle browsers even goed wordt ondersteunt.
Thread starter 
WilmaW(@wilmaw)
Thanks! Het werkt, ze zijn nu mooi rond! Nu zie je alleen nog witte achtergrond in de hoekjes. Weet je hoe ik dit kan oplossen?
#page{ -webkit-border-top-left-radius: 50px; -webkit-border-top-right-radius: 50px; -moz-border-radius-topleft: 50px; -moz-border-radius-topright: 50px; border-top-left-radius: 50px; border-top-right-radius: 50px; }
Dit rond de bovenste hoekjes af van het blok dat achter het menu staat. Verder zie ik dat er ook nog een lijntje boven het menu staat. Dit kun je weg halen door te zoeken naar #branding in style.css en alles weg te halen dat tussen deze { } tekens staat.
Thread starter WilmaW(@wilmaw)
Dankje. Is het mogelijk om ook de onderkant van het menu rond te doen? Of kan dat niet omdat het aan het tekstvak geplakt zit? En kan dat lijntje niet meevormen op de een of andere manier?
Ps. bij de footer zie je ook nog wit.
Fix voor footer:
#colophon{ -webkit-border-bottom-right-radius: 50px; -webkit-border-bottom-left-radius: 50px; -moz-border-radius-bottomright: 50px; -moz-border-radius-bottomleft: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; }
Voor het lijntje kan je proberen om het toch weg te halen zoals ik hierboven aangaf en dan het menu zelf een border geven door:
#colophon{ border:2px solid #BBBBBB; }
edit: sorry klein foutje #colophon moet zijn access bij de laatste code dus zo:
#access{ border:2px solid #BBBBBB; }
Thread starter WilmaW(@wilmaw)
Heel erg bedankt voor je hulp. Weet je toevallig ook hoe ik zo’n randje om mijn tekstvak krijg zoals op deze site: http://danroundhill.com/
