Standard Module Chromes/es: Difference between revisions
From Joomla! Documentation
Created page with "Módulo estándar Chromes" |
Created page with "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..." |
||
| Line 1: | Line 1: | ||
<noinclude><languages /></noinclude> | <noinclude><languages /></noinclude> | ||
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. | |||
{| style="width:100%" class="wikitable" | {| style="width:100%" class="wikitable" | ||
Revision as of 18:33, 15 September 2015
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.
| Style | Output | Appearance |
|---|---|---|
| rounded |
<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 | <ul class="menu">
<li><!-- various menu items --></li>
</ul>
|
|
| table | <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>
|
|
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 'none' and 'horz' chromes look very similar, although the underlying HTML code is very different.
Other notes: The horiz is just the table layout, wrapped in a table, tr, and td.
The software controlling these is in the file /templates/system/html/modules.php