Discuz! X的CSS加载机制
首先,每个页面都会加载以下两个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文件处理,有兴趣的同学可以深入研究一下。
本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!
本文地址: https://www.juheyunku.com/jz/discuz/1166.shtml
相关文章
热门TAG
命令 权重 外链 企业网站 白帽 php 织梦教程 dedecms修改内容 javascript 织梦 功能 标签 调用 详解 服务器 网站流量 实例解析 Dedecms 织梦cms HTML tags标签 python jquery教程 jquery windows SEO优化 蜘蛛 搜索引擎 网站收录 JSP最新文章
-
Discuz x2.5 伪静态规则成功
时间:2020-12-29
-
discuz X2正式版forum首页的
时间:2020-12-27
-
Discuz伪静态 配置搜索引擎
时间:2020-12-26
-
Discuz登录后总是显示未登
时间:2020-12-23
-
怎么换云服务器? Discuz论坛
时间:2020-12-23
-
Discuz!7.0主题回收站功能详
时间:2020-12-23
-
discuz 修改创始人密码、管
时间:2020-12-23
-
discuz论坛用户通过邮件验
时间:2020-12-23
热门文章
-
去掉discuz列表页的最新公告_Discuz模板开发
时间:2020-12-13
-
修改discuz X3.2论坛标题80个字符的长度限制
时间:2020-12-14
-
discuz 修改创始人密码、管理员登录密码的
时间:2020-12-23
-
discuz主题内容页面的打印按钮代码
时间:2020-12-13
-
Discuz!7.0主题回收站功能详解
时间:2020-12-23
-
footer.htm底部文件$_G['setting']['icp']、{if $
时间:2020-12-13
-
discuz教程_discuz视频教程_discuz论坛模板制
时间:2020-12-14
-
$article['related']Discuz 门户文章内容页的相
时间:2020-12-13
-
discuz教程_discuz视频教程_discuz论坛模板制
时间:2020-12-14
-
Discuz教程:使用微信登陆出现“目前无法
时间:2020-12-15
