站长之家 - 站长资讯 - 易采站长站

当前位置: > 建站教程 > 源码教程 > 论坛程序 >

Discuz! X的CSS加载机制

2015-07-18 17:07 | 来源:网络整理 | 编辑:秋军 |

首先每个页面都会加载以下两个css,data/cache/style_1_common.css和data/cache/style_1_forum_index.css。

先讲讲这两个文件名的命名规则:第一个是整站通用的css,所以命名为common.css,然后前面的代号是你使用了哪套风格,所以style_1_common.css表示是第一套风格的共用的css;第二个是表示forum的index页面风格,也就是论坛的首页风格。

下面讲一下那两个css是如何生成的。

首先,那两个css是程序生成的css缓存,所以你要改css的话,不能直接改那两个文件,否则一更新缓存,之前的改动就无效了。大家可以看到template对应的每套模板中,就拿自带的default模板举例吧,default模板中,带有一个common的文件夹,里面有css文件,common.css对应的就是生成缓存的style_1_common.css文件,style_1_forum_index.css对应的是module.css。

common.css没有什么特别之处,里面也有css的说明,跟普通的css差不多。

大家打开module.css,可以看到有这样的说明,

/** group::index **/

/* 群组 index 模块使用的CSS */

/** end **/

/** group::index **/开始到/** end **/结束,说明是group频道的index模块使用的CSS,也就是群组频道对应的首页模板将使用的CSS。

再举个例子,/** misc::invite,group,forum::viewthread **/开始到/** end **/结束,说明是misc频道的invite模块、group频道的全部模块和forum频道的viewthread模块使用的CSS。

ok,下面的大家可以参照这个学习一下,包括你想扩展他,都可以直接在里面直接添加就可以。

下面讲讲缓存css是如何生成的,common.css比较简单,就是直接读取,然后生成到data/cache目录下。每个频道模块独立的css,会先将module.css在data/cache下生成一个对应的风格id下的缓存的css,然后当你访问某个频道时,会生成对应频道下的css,此时,刚才介绍的那些标识就起作用了。程序会根据/** group::index **/和/** end **/这种标识,拆分出哪些频道、哪些模块该需要哪些css。

程序部分就不介绍了,程序的代码主要在source/class/class_template.php文件处理,有兴趣的同学可以深入研究一下。

  • 查看discuz!论坛管理纪录
  • discuz 修改创始人密码、管理员登录密码的方法
  • Discuz! X3怎样进行内存优化提升程序性能和服务器的负载能力
  • discuz x后台设置各种用户组个性签名的长度无效
  • discuz x2修改密码注册用户获取密码放在第三方平台
  • Discuz! X3.1 判断会员登录状态及外部调用注册登录框的实现代码
  • discuzx3.1文章进行全文检索的实现方法
  • discuz批量修改论坛版块权限和用户组权限的方法
  • discuz怎么设置屏蔽论坛用户发布的站外链接
  • Discuz修改文章标题更好的SEO的方法
  • 网友评论

    关于我们 - 联系我们 - 广告服务 - 版权声明 - 人才招聘 - 友情链接 - 网站地图 - 帮助 - -

    CopyRight © 2010-2016 源码下载 easck.com , All Rights Reserved

    蒙公网安备 15052402000103号

    蒙ICP备14002389-1号