Az aktuális CSS kódunk hatással lehet a navigációs dobozra, így lehet, hogy a demó nem tökéletes.

Kód:

<table cellspacing="1" cellpadding="1" width="120" border="0">
    <tbody>
        <tr>
            <td bgcolor="#000000"><strong><span style="color: #ffffff"><span style="font-size: 7.5pt">Menüd neve</span></span></strong></td>
        </tr>
        <tr>
            <td bgcolor="#cccccc"><span style="font-size: 7.5pt">Menüpont neve<br />
            <span style="font-size: 7.5pt">Menüpont neve<br />
            <span style="font-size: 7.5pt">Menüpont neve<br />
            <span style="font-size: 7.5pt">Menüpont neve</span></span></span></span></td>
        </tr>
    </tbody>
</table>

Ezt a kódot illeszd be egyszerű modulba, majd szerkesztői nézetbe ugyanazt láthatod, ahogy a példánk is van. A Menüd neve helyére írd a menüd nevét, míg a Menüpont neve helyére, sorold fel és linkeld be a menüpontjaidat. Ezeket úgy szerkesztheted, ahogy akarod. A kód beillesztése előtt, a kódban megjelölt színkódokat átírhatod, így olyan színű dobozokat kapsz, amilyet akarsz.

width: a menü szélessége
td bgcolor: a cella háttérszíne, értelemszerűen az első td bgcolor a menü neve mögötti szín, a második a menüpontok mögötti szín.
color: szín (de a szövegszínét a szövegszerkesztőben is átállíthatod
font-size: betűméret, amit szintén átállíthatsz a szövegszerkesztőben