Bepaalde website-ontwerpen en -onderwerpen vragen om specifieke kleuren en vormen. Zo zal een website over barbiepoppen vaak overwegend roze van kleur zijn en heeft een site over bijvoorbeeld slapen of ontspanning meestal zachte kleuren en geen hoekige vormen.

Daardoor kan het voorkomen dat je, als je afbeeldingen met een kader eromheen wilt plaatsen, niet de standaard rechthoeken wilt hebben. Het aanzien van zo'n kader kun je echter aanzienlijk veranderen door de hoeken rond te maken!

Maar ook tabs, knoppen, inputvelden voor een formulier enzovoort kun je mooie ronde hoeken geven. Dit artikel gaat over een website waarmee je kaders kunt maken met afgeronde hoeken: roundedcornr.com.

Op deze website kun je heel simpel blokjes met ronde hoeken voor je website maken. Bij het openen van de website zie je gelijk al diverse voorbeelden staan.

Als we nu eens gaan kijken naar het 'RoundedCornr with Border'-voorbeeld op de website. In dit voorbeeld wordt er een blok gemaakt met ronde hoeken en een rand van 4 pixels breed. Klikken we nu op 'Create RoundedCornr' dan krijgen we als eerste het resultaat te zien. Daarna wordt de HTML-code getoond. Die kun je kopiëren en vervolgens op de gewenste plaats binnen je site plakken. De voorbeeldtekst tussen de <p> en de </p> tag vervang je dan door je eigen tekst.

Maakt je site al gebruik van een CSS-bestand, dan kun je de getoonde CSS kopiëren en vervolgens binnen je CSS-bestand plakken. Je kunt ook een nieuw CSS-bestand aanmaken en daarin de code kopiëren of je voegt het toe tussen style-tags (< style>< /style>) aan de pagina waarop je het blokje gaat plaatsen.

Ten slotte sla je de plaatjes op die door deze website zijn gegenereerd op basis van de door jou ingevulde waarden. Die plaatjes zijn dus de basis voor het blok met de ronde hoeken. Bij dit voorbeeld kun je geen breedte van het blok ingeven. De breedte past zich aan aan de breedte van de tekst. Echter, zoals in het voorbeeld al wordt weergegeven mag het blok niet breder worden dan 1024 pixels. In de meeste gevallen zal dat ook niet gebeuren. Hetzelfde geldt trouwens ook voor de hoogte, alleen mag deze niet hoger dan 600 pixels worden.

Bij het 'Single RoundedCornr Image'-voorbeeld kun je wel een breedte en hoogte opgeven. Hier wordt dan ook slechts één plaatje gegeneerd dat je kunt downloaden. In het voorgaande voorbeeld kwam dit aantal op 5. In dit voorbeeld kun je voornamelijk tabbladen, achtergronden voor inputvelden en knoppen genereren. Het beste dat je kunt doen is gewoon wat gaan spelen met de instellingen en kijken of je leuke blokjes kunt maken die je op je site kunt toepassen.

Probeer het maar eens uit. Succes!