Joomla模块样式介绍

在书写或更改Joomla模板的时候，很多时候我们会看到如下的代码

<jdoc:include type="modules" name="user1" style="custom" />

这里有一个style的标签，它是用来定义该模块的样式结构的，以下是一些常用的标签

rounded

style="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

style="none"

对应的代码是

<ul class="menu">
	<li><!-- various menu items --></li>
</ul>

table

style="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

style="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

style="xhtml"

对应的代码是

<div class="moduletable_menu">
	<h3>Main Menu</h3>
	<ul class="menu">
		<li><!-- various menu items --></li>
	</ul>
</div>

outline

style="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>

参考：http://docs.joomla.org/What_is_module_chrome%3F