Joomla文档中文翻译 - 原生模块结构(module chrome)类型及对应的HTML输出

joomla_documentation_168前面一篇Joomla文档译文中描述了怎样在模板中自定义模块结构(module chrome),今天继续有关模块结构的话题,来看看Joomla原生的几种模块类型以及它们各自对应的HTML输出。

我们可以在<jdoc:include />声明中添加样式属性style="stylename"来控制Joomla模块的HTML输出模式,其中stylename对应着不同的模式名称:

None

模块样式的默认值,即不做任何样式定义,没有任何额外的样式被添加。

Table

整个模块会被一个不定宽度的,class名称为.moduletable的<table>包裹起来,模块标题通过<th>输出。

Horz

没有任何额外的样式被添加,输出与Table模式相同,但<table>的宽度被设定为100%

XHTML

整个模块会被一个class名称为.moduletable的<div>包裹起来,模块标题通过<h3>输出。

Rounded

整个模块会被4个<div>嵌套包裹,用以生成圆角样式;最外层<div>的class为.module。模块标题通过<h3>输出。

Outline

模块由一个class名称为.mod-preview-wrapper的<div>包裹,外面再包裹一层class为.mod-preview的<div>;一个与.mod-preview-wrapper同级的class为mod-preview-info的<div>用来显示当前模块的位置名称(这种模式通常用于在开发调试过程中将各模块位置及名称直接在页面上以轮廓的形式显示出来。)

以上。在明天的Joomla文档译文中我们一起进一步详细了解下每种模块结构的输出范例。(这里:Joomla文档中文翻译 - 什么是模块结构)

译者:Viiiix7210

如需转载,请注明官方英文文档及本人译文的出处,谢谢。查看官方英文文档: Core module chrome CSS


收藏与分享

添加评论


Security code
换一张图