北单波胆推荐专家|北单和竞彩14场的区别
 
您现在所在位置:主页 > 服务项目 > 网站建设 > 网站建设知识 >

Discuz-x系列教程: DX的css命名规则、缓存、加载机

时间:2013-09-03 09:40     点击:次     文章来源:西安网站建设|设计     [关闭]

一、两个文件名的命名规则 style_1_common.css |--是整站通用的全局css,所以命名为【style_1_common.css】 |--前面的代号是当前使用这套风格的ID,所以style_1_common.css也就是第一套风格的共用的
 

  一、两个文件名的命名规则

  style_1_common.css

  |--是整站通用的全局css,所以命名为【style_1_common.css】

  |--前面的代号是当前使用这套风格的ID,所以style_1_common.css也就是第一套风格的共用的css

  style_1_forum_index.css

  |--是【forum】广场BBS频道首页的css样式,那么forum和index分别对应这CURSCRIPT和CURMODULE的常量值,这个在每个频|--道的入口脚本里?#21152;?#23450;义,比如forum频道页面对应的是forum.php。

  以上介绍的是css的缓存加载文件,当然,还有一些在特殊页面的css,这里就不详细描述了。

  这两个css文件的生成

  首先,那两个css是程序生成的css缓存文件,所以如果要改css的话,不能直接改那两个文件,否则一更新缓存,之前的改动就无效了。

  拿?#28304;?#30340;default模板举例吧,default模板中,带有一个common的文件夹,这个文件夹存放的是全局模板文件,

  里面有css文件:

  style_1_common.css 是【common.css】生成的缓存

  style_1_forum_index.css 是【module.css】生成的缓存

  二、module.css的缓存和加载机制

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

  /** forum::index **/ 广场频道:首页 css代码开始

  这里是css代码

  /** end **/ 广场首页css代码结束

  复制代码

  这就是经常在模板中用到的判断,程序读取这个css文件的内容,通过标识进?#20449;?#26029;,最后把符合条件内的所有css生成在一个对应的缓存文件中。

  再举个例子:

  /** forum::index,forum::viewthread **/ 广场频道:首页模块和帖子阅读页CSS代码开始

  这里是css代码

  /** end **/ 结束

  第二个例子大家应该知道了,就是再增加一个条件,这里可以不止两个:

  /** forum::index,forum::viewthread,forum::forumdisplay,XXXX **/

  ok,根据自己的需要来加?#25176;?#20102;,记得符号【,】

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

  下面讲讲缓存css是如何生成的

  common.css比较简单,就是直接读取,?#32531;?#29983;成到data/cache目录下。

  每个频道模块独立的css,会先将module.css在data/cache下生成一个对应的风格id下的缓存的css,?#32531;?#24403;你访问某个频道时,会生成对应频道下的css,此时,刚才介绍的那些标识?#25512;?#20316;用了。程序会根据/** group::index **/和/** end **/这?#30452;?#35782;,拆分出哪些频道、哪些模块该需要哪些css。

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

  三、在模板制作中充分的运用好css加载机制,提高页面的加载速度

  新建模板后同学们可以在【模板文件夹\common】中建立附加样式表并命名为:

  extend_module.css

  extend_common.css

  这两个css文件就是重新定义common.css与module.css里面的样式,这两个附加样式与上面讲的两个css文件分别合并,最?#31449;?#29983;成css缓存文件了

  extend_module.css 这里面必须根据上面第二节里讲的,写好标识!!

  如果想重新定义默认模板中的一些css,那么直接在这两个文件中重写?#25176;?#20102;。

  注意:如果你的模板布局是完全要重写的,那就命名为:common.css和module.css 这样程序就只处理新模板中的css,不会与default里面的合并了.

       
文章由http://www.ykjdg.tw-西安网站制作|西安网站建设|西安网络公司,转载请保留出处,谢谢!
 

  • 西安唐华精工环境工程有限公司

    西安唐华精工环境工

  • 陕西出版集团

    陕西出版集团

  • 西安金泰展览展示有限公司

    西安金泰展览展示有

  • 美果设计培训中心

    美果设计培训中心

  • 长安教育网

    长安教育网

西安网站建设,西安网站制作,西安网站推广

建站?#35748;擼?29-87576500
联系人:15249183019 (赵经理)
地址:陕西省西安市长乐西路17号第?#26408;?#21307;大学3区综合楼4楼
网址:www.ykjdg.tw
QQ:350795135

服务项目:网站建设网站托管微信公众?#25945;?#24320;发/营销搜索引擎优化域名主机邮箱400电话平面设计竞价推广App制作及开发POS机销售企业彩铃短信群发


总部:西安市长乐西路17号第?#26408;?#21307;大学3区综合楼4楼
业务外联部:  钟楼  东郊  西郊  南郊  北郊
?#26102;啵?10032        QQ:350795135   1021809792
电话:029-87576500    15249183019
网址:www.ykjdg.tw       邮箱:[email protected]

 
北单波胆推荐专家 极速十一选五龙虎技巧 新时时彩老时时彩 越南河内5分彩玩法 三分彩官网开奖号码 124不倒翁注码法 竞彩网胜平负玩法 环亚手机版 上海时时走势图经 腾讯分分彩怎么开奖的 pk10走势图大小