Menu’s

Via css

Een menu in Drupal wordt steeds samengesteld via opsommingen. Deze worden gemaakt met de <ul> en <li>-tag.

Voorbeeld:

<ul>

<li>knop 1</li>

<li>knop 2</li>

<li>knop 3</li>

</ul>

Om de standaardknopjes te neutraliseren kan je dit in de css toevoegen:

#block-menu-primary-links li { list-style: none;}

Via css kan je het horizontaal en verticaal menu opmaken:

Verticaal menu

ul: geen marges, geen padding

li: list-style:geen, display:block

a: breedte, achtergrond, float:left, ondermarge, padding

verder naar keuze -> kleur, geen onderlijning, …

a-hover: naar keuze -> andere achtergrondkleur, tekstkleur, …

Voorbeelden:

Horizontaal menu

Idem, maar li: display:inline

Voorbeelden:

Uitklapbare menu’s

Via de module superfish kan je uitklapbare menu’s maken.