Standard Module Chromes/fr: Difference between revisions
From Joomla! Documentation
Created page with "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>." |
Created page with "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 ex..." |
||
| Line 113: | Line 113: | ||
|} | |} | ||
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>. | 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>. | ||
Revision as of 22:00, 15 September 2015
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 | Sortie | Apparence |
|---|---|---|
| rounded (arrondi) |
<div class="module_menu">
<div>
<div>
<div>
<h3>Main Menu</h3>
<ul class="menu">
<li><!-- various menu items --></li>
</ul>
</div>
</div>
</div>
</div>
|
|
| none (aucun) | <ul class="menu">
<li><!-- various menu items --></li>
</ul>
|
|
| table (tableau) | <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>
|
|
| horz | <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>
|
|
| xhtml | <div class="moduletable_menu">
<h3>Main Menu</h3>
<ul class="menu">
<li><!-- various menu items --></li>
</ul>
</div>
|
|
| html5 |
<div class="well _menu">
<h3 class="page-header">Main Menu</h3>
<ul class="nav menu">
<li><!-- various menu items --></li>
</ul>
</div>
|
|
| outline | <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>
|
|
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 none et horz sont très similaires, bien que le code HTML soit très différent.
Autres remarques : le horiz est juste la mise en page d'une table incorporée dans une table, tr et td.
Le logiciel va contrôler ceci dans le fichier /templates/system/html/modules.php