showtitle != 0) : ?>
title; ?>
content; ?>
`OPTION="rounded"` 使模块以允许可拉伸圆角等的格式显示。如果使用 `$style`，则 div 名称从 `moduletable` 更改为 `module`。如果我们使用 `"rounded"` 选项，以下显示了 Joomla 的输出：
showtitle != 0) : ?>
title; ?>
content; ?>
`OPTION="none"` 使模块显示为不包含任何元素和标题的原始输出。
如您所见，CSS 选项（`xhtml` 和 `rounded`）的代码更加简洁，这使得设计网页样式变得更加容易。除非绝对需要，否则我不建议使用选项（后缀）表（默认）或 horz。
如果您检查前面显示的 `modules.php` 文件，您将看到模块中存在的所有这些选项。添加您自己的内容很容易；这是 Joomla 1.6 新模板功能的一部分。
要开发模板，您可以将模块样式`xhtml`放在`index.php`中的所有模块上：
让我们从布局 div 中删除背景，并添加一些 CSS 来设置模块的样式，其中包含模块标题的边框和背景。
我们将以下内容添加到排版中。您的 CSS 文件现在应该如下所示：
#header{
font-size:2em;
}
#footer{
border-top: 1px solid #999;
}
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
h1,.componentheading{
font-size:1.7em;
}
h2,.contentheading{
font-size:1.5em;
}
h3{
font-size:1.3em;
}
h4{
font-size:1.2em;
}
h5{
font-size:1.1em;
}
h6{
font-size:1em;
font-weight:bold;
}
#footer,.small,.createdate,.modifydate,.mosimage\_caption{
font:0.8em Arial,Helvetica,sans-serif;
color:#999;
}
.moduletable{
margin-bottom:1em;
padding:0 10px; /\*padding for inside text\*/ border:1px #CCC solid;
}
.moduletable h3{
background:#666;
color:#fff;
padding:0.25em 0;
text-align:center;
font-size:1.1em;
margin:0 -10px 0.5em -10px;
/\*negative padding to pull h3 back out from .moduletable padding\*/
ul.actions li{
float:right;
list-style:none;
border:0;}
ul.actions li a img{
border:0;}
在这里，您为使用 style="xhtml" 生成的模块添加了特定的样式规则，因此每个模块都生成了 `.moduletable` 类的
，并且模块的标题显示在该
内的
### 标记中。
您创建的排版 CSS 现在会产生如下所示的结果。
### 模板中的菜单
同样，使用 CSS 列表而不是表格可以减少代码并简化标记。将 CSS 用于菜单的其他优点之一是，各种 CSS 开发人员网站上都有大量示例代码。让我们看一下其中一个并看看如何使用它。
maxdesign.com 的网页有三十多个菜单可供选择，所有菜单都使用相同的底层代码。它被称为Listamatic。您必须更改代码才能使这些菜单适应 Joomla。
这些基于列表的菜单使用以下通用代码结构：
这意味着有一个名为 `navcontainer` 的封闭 `