Standard Module Chromes/fr: Difference between revisions

Latest revision as of 11:42, 5 March 2022

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.

**Comparaison des modules Joomla! Chromes standards** Ceci est identique de la série Joomla! 1.5 à la série 3.x.
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.

Depuis Joomla! 3 : Le logiciel va contrôler ceci dans le fichier /templates/system/html/modules.php.

Changes since Joomla! 4

The standard chromes horz, rounded and xhtml have been removed from core.
The core module chromes are controlled by JLayout files in directory /layouts/chromes/.

@@ Line 1: / Line 1: @@
 <noinclude><languages /></noinclude>
-Note that this example includes class additions because the examples are taken using mod_mainmenu. The suffix "_menu" to the div class and the "menu" class on the ul tag are not present with other modules.
+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"
-|+ '''Comparison of the Joomla! standard Module chromes'''
+|+ '''Comparaison des modules Joomla! Chromes standards'''
-These are the same from Joomla! 1.5 through 3.3
+Ceci est identique de la série Joomla! 1.5 à la série 3.x.
 !width="100" | Style
-!Output
+!Sortie
-!width="210" | Appearance
+!width="210" | Apparence
 |-
-!rounded<br />
+!rounded (arrondi)<br />
 |<source lang="html4strict">
 <div class="module_menu">
@@ Line 26: / Line 26: @@
 |[[Image:Module_chrome_rounded.png]]
 |-
-!none
+!none (aucun)
 |<source lang="html4strict">
 <ul class="menu">
@@ Line 35: / Line 35: @@
 [[Image:Module_chrome_none.png]]
 |-
-!table
+!table (tableau)
 |<source lang="html4strict">
 <table cellpadding="0" cellspacing="0" class="moduletable_menu">
@@ Line 113: / Line 113: @@
 |}
-Note that the Module chrome doesn't necessarily change the appearance all that much - this depends on the CSS used in the template. For example, the '<tt>none</tt>' and '<tt>horz</tt>' chromes look very similar, although the underlying HTML code is very different.
+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.
-Other notes: The <tt>horiz</tt> is just the <tt>table</tt> layout, wrapped in a <tt>table</tt>, <tt>tr</tt>, and <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>.
-The software controlling these is in the file <tt>/templates/system/html/modules.php</tt>
+Depuis Joomla! 3 : Le logiciel va contrôler ceci dans le fichier <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|Chrome]]
+[[Category:Advanced/fr|Chrome]]
-[[Category:Module Development]]
+[[Category:Module Development/fr|Développement de Modules]]
-[[Category:Template Development]]
+[[Category:Template Development/fr|Développement de Templates]]
-[[Category:CSS]]
+[[Category:CSS/fr|CSS]]
 </noinclude>

Standard Module Chromes/fr: Difference between revisions

From Joomla! Documentation

Latest revision as of 11:42, 5 March 2022