Standard Module Chromes/es: Difference between revisions
From Joomla! Documentation
No edit summary |
Updating to match new version of source page |
||
| Line 4: | Line 4: | ||
{| style="width:100%" class="wikitable" | {| style="width:100%" class="wikitable" | ||
|+ '''Comparación del Módulo estándar chromes de Joomla!''' | |+ '''Comparación del Módulo estándar chromes de Joomla!''' | ||
<div class="mw-translate-fuzzy"> | |||
Estos son los mismos de Joomla! 1.5 a 3.3 | Estos son los mismos de Joomla! 1.5 a 3.3 | ||
</div> | |||
!width="100" | Estilo | !width="100" | Estilo | ||
!Salida | !Salida | ||
| Line 115: | Line 117: | ||
Ten en cuenta que el Módulo chrome no necesariamente cambia demasiado la apariencia de todo - esto depende de las CSS que se utilizan en la plantilla. Por ejemplo, los aspectos '<tt>ninguno</tt>' y '<tt>horiz</tt>' de chromes son muy similares, aunque el código HTML subyacente es muy diferente. | Ten en cuenta que el Módulo chrome no necesariamente cambia demasiado la apariencia de todo - esto depende de las CSS que se utilizan en la plantilla. Por ejemplo, los aspectos '<tt>ninguno</tt>' y '<tt>horiz</tt>' de chromes son muy similares, aunque el código HTML subyacente es muy diferente. | ||
Otras notas: El diseño <tt>horiz</tt> es sólo el diseño <tt>tabla</tt>, envuelto en <tt>table</tt>, <tt>tr</tt>y <tt>td</tt>. | <div class="mw-translate-fuzzy"> | ||
Otras notas: El diseño <tt>horiz</tt> es sólo el diseño <tt>tabla</tt>, envuelto en <tt>table</tt>, <tt>tr</tt>y <tt>td</tt>. | |||
</div> | |||
<div class="mw-translate-fuzzy"> | |||
El software de control de estos se encuentra en el archivo | |||
</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> | <noinclude> | ||
Latest revision as of 23:14, 12 March 2020
Observa que en este ejemplo se incluye la clase additions porque los ejemplos son tomados mediante mod_mainmenu. El sufijo "_menu" al div de la clase y la clase "menú" en la etiqueta ul no están presentes con otros módulos.
| Estilo | Salida | Apariencia |
|---|---|---|
| redondeado |
<div class="module_menu">
<div>
<div>
<div>
<h3>Main Menu</h3>
<ul class="menu">
<li><!-- various menu items --></li>
</ul>
</div>
</div>
</div>
</div>
|
|
| ninguno | <ul class="menu">
<li><!-- various menu items --></li>
</ul>
|
|
| tabla | <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>
|
|
| esquema | <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>
|
|
Ten en cuenta que el Módulo chrome no necesariamente cambia demasiado la apariencia de todo - esto depende de las CSS que se utilizan en la plantilla. Por ejemplo, los aspectos 'ninguno' y 'horiz' de chromes son muy similares, aunque el código HTML subyacente es muy diferente.
Otras notas: El diseño horiz es sólo el diseño tabla, envuelto en table, try td.
El software de control de estos se encuentra en el archivo
/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/.