View source for Standard Module Chromes/fr

<noinclude><languages /></noinclude>
Notez que cet exemple comprend des ajouts de classes puisque les exemples sont le résultat de l'utilisation de mod_mainmenu. Le suffixe "_menu" de la classe div ainsi que la classe "menu" de la balise ul ne sont pas présents avec d'autres modules.

{| style="width:100%" class="wikitable"
|+ '''Comparaison des modules Joomla! Chromes standards'''
Ceci est identique de la série Joomla! 1.5 à la série 3.x.
!width="100" | Style
!Sortie
!width="210" | Apparence
|-
!rounded (arrondi)<br />
|<source lang="html4strict">
<div class="module_menu">
  <div>
    <div>
      <div>
        <h3>Main Menu</h3>
        <ul class="menu">
          <li><!-- various menu items --></li>
        </ul>
      </div>
    </div>
  </div>
</div>
</source>
|[[Image:Module_chrome_rounded.png]]
|-
!none (aucun)
|<source lang="html4strict">
<ul class="menu">
  <li><!-- various menu items --></li>
</ul>
</source>
|
[[Image:Module_chrome_none.png]]
|-
!table (tableau)
|<source lang="html4strict">
<table cellpadding="0" cellspacing="0" class="moduletable_menu">
  <tr>
    <th valign="top">Main Menu</th>
  </tr>
  <tr>
    <td>
      <ul class="menu">
        <li><!-- various menu items --></li>
      </ul>
    </td>
  </tr>
</table>
</source>
|[[Image:Module_chrome_table.png]]
|-
!horz
|<source lang="html4strict">
<table cellspacing="1" cellpadding="0" border="0" width="100%">
  <tr>
    <td valign="top">
      <table cellpadding="0" cellspacing="0" class="moduletable_menu">
        <tr>
          <th valign="top">Main Menu</th>
        </tr>
        <tr>
          <td>
            <ul class="menu">
              <li><!-- various menu items --></li>
            </ul>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
</source>
|[[Image:Module_chrome_horz.png]]
|-
!xhtml
|<source lang="html4strict">
<div class="moduletable_menu">
  <h3>Main Menu</h3>
  <ul class="menu">
    <li><!-- various menu items --></li>
  </ul>
</div>
</source>
|[[Image:Module_chrome_xhtml.png]]
|-
!html5
|<!--- leave as html4strict/html5 not available yet --->
<source lang="html4strict">
<div class="well _menu">
  <h3 class="page-header">Main Menu</h3>
  <ul class="nav menu">
    <li><!-- various menu items --></li>
  </ul>
</div>
</source>
|[[Image:Module_chrome_html5.png]]
|-
!outline
|<source lang="html4strict">
<div class="mod-preview">
  <div class="mod-preview-info">left[outline]</div>
  <div class="mod-preview-wrapper">
    <ul class="menu">
      <li><!-- various menu items --></li>
    </ul>
  </div>
</div>
</source>
| [[Image:Module_chrome_outline.png]]
|-
|}

Notez que le module chrome ne va pas nécessairement changer de façon substantielle l'apparence du module. Cela dépend principalment des CSS utilisé par le template. Par exemple, les <tt>none</tt> et <tt>horz</tt> sont très similaires, bien que le code HTML soit très différent.

Autres remarques : le <tt>horiz</tt> est juste la mise en page d'une <tt>table</tt> incorporée dans une <tt>table</tt>, <tt>tr</tt> et <tt>td</tt>. 

<div class="mw-translate-fuzzy">
Le logiciel va contrôler ceci dans le fichier
</div> <tt>/templates/system/html/modules.php</tt>.

'''Changes since Joomla! 4'''
* The standard chromes <tt>horz</tt>, <tt>rounded</tt> and <tt>xhtml</tt> have been removed from core.
* The core module chromes are controlled by <tt>JLayout</tt> files in directory <tt>/layouts/chromes/</tt>.

<noinclude>
[[Category:Advanced/fr|Chrome]]
[[Category:Module Development/fr|Développement de Modules]]
[[Category:Template Development/fr|Développement de Templates]]
[[Category:CSS/fr|CSS]]
</noinclude>