L'élément Window est l'élément racine des fichier Xul. L'attribut xmlns definit l'espace de nom par défaut auquel les balises appartiendront. Il ne doitpas être omis. La signification de l'élément Menubar est évidente, les éléments menu définissent différents item. La valeur de l'attribut apparaît comme identique au nom de l'item indiqué.

Par défaut la barre de menu apparaît sur le côté gauche de la fenêtre.

<?xml-stylesheet href="css1.css" type="text/css"?>
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
     <menubar>
          <menu value="AAA"/>
          <menu value="BBB"/>
          <menu value="CCC"/>
     </menubar>
</window>

xul2.xul

L'attribut align avec valeur vetical place la barre de menu en haut.

<?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"/>
          <menu value="BBB"/>
          <menu value="CCC"/>
     </menubar>
</window>

xul3.xul

Dans cet exemple aucune feuille de style n'est pas employée.

xul4.xul

Si vous ne projetez pas modifier l'apparence par défaut, vous pouvez directement utiliser la feuille style par défaut.

<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
<window      xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
align="vertical">
     <menubar>
          <menu value="AAA"/>
          <menu value="BBB"/>
          <menu value="CCC"/>
     </menubar>
</window>

css1.css

With CSS you can tailor final touch of the document. This instruction imports default Mozilla stylesheet. It is very reasonable always import some default stylesheet and then make only required changes.

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