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.