DS4: Template: Koppelingen & Menu's (ontwerp)

Bij het onderdeel 'ontwerp' van Koppelingen & Menu's bepaal je de vormgeving van de menu's. Tijdens het instellen zie je in het voorbeeld (links) hoe het menu wordt getoond op de website. Je kunt in het menu navigeren om de mouse-over en eventuele submenu's weer te geven.

Lettertype

Je kunt voor de dropdown-menu's kiezen uit een aantal standaard fonts en alle Google Fonts. Het lettertype geldt voor beide niveaus van de dropdown-menu's.

Niveau 1

Breedte: Stel een vaste breedte in (pixels) of kies voor automatisch. Bij 'auto' wordt de breedte automatisch aangepast op de langste button-tekst in het dropdown-menu. Dit is handig wanneer de gebruiker van de website zelf buttons toevoegt in de menu's.

Hoogte: De hoogte van de button in pixels.
Omlijning: De lijn die rondom het gehele menu komt. Bij het invulveld vult u de dikte in pixels in (0 betekent geen lijn), met het blokje daarachter kun je de kleur instellen.
Button lijn: De lijn tussen de items in het menu. Bij het invulveld vult u de dikte in pixels in (0 betekent geen lijn), met het blokje daarachter kun je de kleur instellen.
Tekst inspring: De marge in pixels in de menu-button (links), die bepaalt waar de tekst begint.
Lettergrootte: De grootte van de tekst (corps) in pixels.
Button tekst uitlijning: De tekst linkslijnend of gecentreerd.

Menu button en Mouseover button

De stijl van de buttons kun je aanpassen bij de 'menu button' en de 'mouseover button' instellingen.

Achtergrondafbeelding
Als je een afbeelding upload wordt deze bij ieder button getoond. De afbeelding begint linksboven en wordt niet herhaalt. Zorg dus dat de afbeelding groot genoeg is. Voor het uploaden van de afbeelding kun je kiezen voor JPG, PNG en GIF. Transparantie in de afbeelding wordt ook ondersteund.

Uitklapafbeelding
Wanneer er een submenu gekoppeld is aan een button (niveau 2) toont de button aan de rechterkant een afbeelding. De afbeelding heeft altijd een 1:1 verhouding. M.a.w. Als de buttonhoogte 50 pixels is dan wordt de uitklapafbeelding 50 x 50 pixels. Voor het uploaden van de afbeelding kun je kiezen voor JPG, PNG en GIF. Transparantie in de afbeelding wordt ook ondersteund.

Niveau 2

Standaard krijgen de submenu's (niveau 2) de instellingen van niveau 1. Als je het submenu anders wilt vormgeven dan kun je kiezen voor 'Aangepaste instellingen'.

Het menu ziet er dan als volgt uit: