In deze tutorial gaan we een moderne navigatie maken die te gebruiken is voor vele soorten websites. Hiervoor maken we gebruik van Photoshop, HTML en CSS. De bronbestanden zijn hieronder te downloaden. Voor de opmaak van het menu is niet meer dan een standaard teksteditor als Kladblok nodig. Stap 1 – Ontwerp Ontwerp de twee afbeeldingen (standaard en rollover) die je wilt gaan gebruiken voor het menu. In het voorbeeld is er gebruik...

Download bestanden (winrar) Voorbeeld Het gebruik van ruimte in webontwerpen wordt steeds vaker toegepast. Het geeft een website een leuke extra toevoeging. In deze tutorial wordt uitgelegd hoe we een ruimte-effect kunnen creëren aan de hand van een afbeelding en wat CSS werk. Stap1 Allereerst maken we een afbeelding met de afmetingen 761 pixels bij 65 pixels, in deze trant: Jullie zien dat het ruimte-effect reeds is toegevoegd aan...

Het gebruiken van ronde hoeken in je webontwerp kan een leuke toevoeging zijn in je webontwerp. Daarom zal ik in deze korte tutorial uitleggen hoe je ronde hoeken kunt creëren doormiddel van CSS. Onderaan dit artikel vindt u de bestanden en een voorbeeld. We beginnen met het maken van vier afbeeldingen. Laten we zeggen dat iedere afbeelding 20 bij 20 px groot is. Hierbij heb ik een radius gebruikt van 15px. Hieronder zie je de vier losse...