Avec la combinaison de menu, menupopup et menuitem, des barres de menu arbitraires peuvent être crées.

Un exemple simple

Les éléments peuvent être imbriqués pour créer un menu hierarchique.

<?xml-stylesheet href="css1.css" type="text/css"?>
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
align="vertical" >
     <menubar>
          <menu value="AAA">
               <menupopup>
                    <menu value="aaa">
                         <menupopup>
                              <menuitem value="a X1"/>
                              <menuitem value="a X2"/>
                         </menupopup>
                    </menu>
                    <menu value="bbb">
                         <menupopup>
                              <menu value="b Y1">
                                   <menupopup>
                                        <menuitem value="One"/>
                                        <menuitem value="Two"/>
                                   </menupopup>
                              </menu>
                              <menuitem value="b Y2"/>
                         </menupopup>
                    </menu>
               </menupopup>
          </menu>
          <menu value="BBB">
               <menupopup>
                    <menuitem value="111"/>
                    <menuitem value="222"/>
               </menupopup>
          </menu>
     </menubar>
</window>

xul3.xul

Avec l'élément menuseparator les groupes d'articles peuvent être séparés.

css1.css

Ici, le CSS par défaut de Mozilla est utilisé.

@import url(chrome://global/skin);