joomla中文版交流,joomla模板,教程,SEO,模板设计,安装,模块组件定制, 下载,汉化,中文语言包,中文手册,joomla乱码,joomla问题

模块样式定义(module class suffix),它位于模块的参数(parameter)项下。

所有控制模块样式的 CSS class 都包含在模板的 template_css.css 这个文件中; 要编辑的css文件,找到这几个 样式定义(class)，table.moduletable 是网站模块的全局样式定义。

* table.moduletable {} 表格的全局定义
* table.moduletable th {} 表头行的定义
* table.moduletable td {} 表格单元格定义

* 例如：要修改“最新消息”(mod_latestnews.php)模块，将模块标题字体间距调成150%(1.5倍行距).

首先打开“最新消息”模块,选择参数(Parameters)标签,找到"Module Class Suffix(模块样式后缀)";填写CSS后缀itedu，然后保存修改。编辑 tmplate_css.css 文件，修改为table.moduletable[suffix]，本例为 moduletableitedu。

模块样式表的设置步骤:

(1)进入后台,打开模块编辑状态,在模块CSS后缀的文本框中输入一个表示英文后缀的单词,例如itedu或myhead等.

(2)修改/templates/current_template/css/template_css.css文件,查找table.moduletable一段.复制table.moduletable整段内容,粘贴添加到文件中.然后在新增的内容中在每个moduletable标记后加上后缀的单词,如moduletable[itedu]即可.利用CSS后缀来让用户定制自己的样式,这种编程方法十分值得学习.

可以利用CSS后缀的功能，单独控制某一模块中的链接在新窗口中打开，首先在“主菜单”模块中设定CSS后缀，然后在CSS中添加: table.moduletable[模块后缀名] a:active {text:expression(target="_blank");}，主菜单模块中的链接都会在新窗口打开。
下面是CSS的示例:

table.moduletableitedu th {
background: url(../images/subhead_bg.png) repeat-x;
padding-top: 4px;
padding-left: 4px;
height: 21px;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
}
 
/* 模块总体样式中添加固定布局属性 */ 
table.moduletableitedu { table-layout: fixed; } 
 
/* 模块一级标题中添加强制不换行、隐藏超出对象内容、显示省略标记属性 */ 
table.moduletableitedu td { 
white-space: nowrap; 
overflow: hidden; 
text-overflow:ellipsis; 
} 
/* 实在不行再添加一个模块中的li */ 
table.moduletableitedu li { 
white-space: nowrap; 
overflow: hidden; 
text-overflow:ellipsis; 
}

web:http://www.onefx.net/

email:cation@tom.com