模块风格设置：如何为其中一类，或其中一个设置独特的风格呢？【www.4fbbs.cn论坛Joomla_ing原创】

模块风格设置：如何为其中一类，或其中一个设置独特的风格呢？【Joomla_ing】

原创【Joomla_ing】：http://www.4fbbs.cn/bbs/        

在joomla前台，分析源代码，模块的构成有如下几类：

1所有的mod_mainmenu，都是<DIV class=module_menu></DIV>

2热点新闻、最新新闻等，是<DIV class=moduletable></DIV>。（这个模块Advertisement，<DIV class=moduletable_text></DIV>，也应该属于<DIV class=moduletable></DIV>）

3用户登录等，是<DIV class=module></DIV>

如何为其中一类，或其中一个设置独特的风格呢？

A为其中的一类模块设置指定风格，比较简单：

在css文件中，比如为<DIV class=moduletable></DIV>设置。（注：一个mod_menu由4个div构成，具体分析见后续文章），下例中为所有moduletable加了边框，以及对h3进行了设置。这样设置后热点新闻、最新新闻等风格都一样了。

div.moduletable h3{
PADDING-LEFT: 8px;
FONT-SIZE: 14px; BACKGROUND: url(../images/msfp_015.gif) repeat-x;
VERTICAL-ALIGN: top;
COLOR: #07519a;
LINE-HEIGHT: 25px;
BORDER-BOTTOM: #aaccee 1px solid;
POSITION: relative;
HEIGHT: 25px;
TEXT-ALIGN: left
}

div.moduletable{
BORDER-RIGHT: #aaccee 1px solid; BORDER-TOP: #aaccee 1px solid; BORDER-LEFT: #aaccee 1px solid; BORDER-BOTTOM: #aaccee 1px solid
}
风格见最新新闻图片

B为其中一个模块设置风格

现在热点新闻、最新新闻风格都一样了，因为它们都是<DIV class=moduletable></DIV>，那么如何为其中一个的热点新闻设置另一个风格呢？

在 Joomla! 1.5 后台的“扩展 -> 模块管理 -> 主菜单”设置页面，右边的“高级参数设置”中，有一项“模块CSS后缀”，这个参数有什么用？怎么用？这个参数就是用来方便用户针对某个特定模块修改其 CSS 外观的。也就是说，你可以单独对一个模块指定不同的CSS。
比如在后台对热点新闻 模块css后缀 参数设置为 “_test”

在css中添加：div.moduletable_test h3{………………….}

div.moduletable_test{……………………..}

这样设置后效果就达到了预期：如下图



好了，模块风格设置讲到这儿，有什么讨论的，请留言。