找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
网推大家坛 新闻 淘宝推广 网店装修 查看内容

Discuz! CSS样式如何增加到自动生成的CSS样式中

2014-9-27 19:48| 发布者: xyeyou| 查看: 1375| 评论: 0

简介:Discuz! 模板加载CSS样式如何修改,简单说明,附加CSS样式的原理和方式,不需要修改DIY文件
在Discuz! X的CSS样式处理中,仍然保留了之前Discuz!的附加CSS样式文件的功能,例如之前版本Discuz!的css_append.htm文件。
Discuz! X处理CSS的方式为:
1、遍历template/你的模板文件夹/common/目录中每一个后缀为.css的文件,对其进行加载(如common.css)
2、之后再检测是否存在文件前缀为extend_的CSS文件(如extend_common.css),如果存在则将此文件(如extend_common.css)附加到对应文件(如common.css)后面
所以在template/你的模板文件夹/common/目录下的每一个CSS文件都会对应一个前缀为extend_的附加文件。

对于Discuz!X各个DIY的模块可以指定class名称,这里就可以将自己定义的一些需要单独处理的CSS样式放到附加样式文件中,然后再在DIY的模块中指定class名称,就可以独立控制各个模块的样式了,十分方便灵活。

举例说明

去除LI之前的点

1、在template/default/common/目录中创建一个CSS附加文件:extend_common.css
内容为:
.ted1 li { background:none; }
复制代码
2、后台更新缓存

3、DIY首页中的对应模块的样式

4、填写“指定class”为刚才自己定义的样式“ted1”,保存DIY即可看到效果

简单的总结,你要什么样式,就增加到模板目录的CSS中,位置是哪里都可以,就会自动生成到 discuz/data/cache/目录下的样式中。
收藏 分享 邀请
鲜花
鲜花
握手
握手
雷人
雷人
路过
路过
鸡蛋
鸡蛋

看过本文的人还看过

已有 0 人参与

会员评论

推荐阅读

返回顶部