Standard Module Chromes/nl: Difference between revisions
From Joomla! Documentation
Created page with "Stijl" |
Created page with "Uiterlijk" |
||
| Line 7: | Line 7: | ||
!width="100" | Stijl | !width="100" | Stijl | ||
!Output | !Output | ||
!width="210" | | !width="210" | Uiterlijk | ||
|- | |- | ||
!rounded<br /> | !rounded<br /> | ||
Revision as of 14:04, 9 November 2016
Let op: Dit voorbeeld bevat class toevoegingen omdat de voorbeelden gebruik maken van mod_mainmenu. Het achtervoegsel "_menu" bij de class van de div is niet aanwezig bij andere modules.
| Stijl | Output | Uiterlijk |
|---|---|---|
| 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