Een leuk en handig menuutje wat erg simpel aan te passen is, dit door de opmaak met behulp van CSS

Plaats onderstaande stylesheet tussen de head tags van je pagina:
<style type="text/css"> body { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 80%; font-weight: bold; background: #E7E7E7; } a:link { color: #FF0000; text-decoration: none; } a:visited { color: #7B878F; text-decoration: none; } a:hover, a:active { color: #000000; } ul { list-style: none; margin: 0; padding: 0; } p { font-size: .9em; } #menu { width: 200px; margin-top: 10px; } #menu li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; } #menu li a:link, #menu li a:visited { color: #E5E8D4; display: block; background: url(menu.gif); padding: 8px 0 0 10px; } #menu li a:hover { color: #725033; background: url(menu.gif) 0 -32px; padding: 8px 0 0 10px; } #menu li a:active { color: #fff; background: url(menu.gif) 0 -64px; padding: 8px 0 0 10px; } </style>

Plaats het menuutje op zich tussen de bodytags van je pagina:
<div id="menu"> <ul> <li><a href="#1" title="Menu item 1">Menu item 1</a></li> <li><a href="#2" title="Menu item 2">Menu item 2</a></li> <li><a href="#3" title="Menu item 3">Menu item 3</a></li> <li><a href="#4" title="Menu item 4">Menu item 4</a></li> <li><a href="#5" title="Menu item 5">Menu item 5</a></li> <li><a href="#6" title="Menu item 6">Menu item 6</a></li> </ul> </div>

Zoals je ziet is het erg simpel om een nieuw menu item aan te maken, binnen het menugedeelte voeg je een extra regel toe:

<li><a href="#6" title="Menu item 6">Menu item 6</a></li>

Klik hier om de zipfile te downloaden, hier zit het gifbestandje in dat je nodig hebt voor het menu samen met nogmaals de codes die je nodig hebt.