Discuz模板制作方法

《Discuz模板制作方法》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、模板制作方法前言介绍本文档主要收集了Discuz!模板开发过程中的一些资料,主要包括：html书写注意事项,Discuz!模板语法规则,CSS扩展规则等一些开发文档资料。概述了新建风格的详细流程和开发过程中需要注意的一些事项,使您更加快捷高效的进行Discuz!的模板前端开发工作。HTML对HTML标记参数进行赋值时，需使用双引号，例如：非成对标记必须以“/>”结尾，例如：语法缩

2、进在Discuz!的*.html模板文件中，由于模板源代码具备逻辑结构，故不考虑HTML本身的缩进，所有缩进均为逻辑上的缩进结构。缩进采用Tab作为符号，不使用空格。例如：$thread[message]模板套系与风格区别模板套系：统一的一类模板，集中放置并打包的系列。风格：应用了某个模板套系下

3、的模板展示方案。风格管理中常量介绍匹配模板：对应的模板套系。扩展配色：在风格基础上，可供用户选择的配色方案，它对应./template/mytest/style/目录中的样式文件。全新创建配色方案时，应在./template/mytest/style/目录中建立配色方案目录及CSS文件，如t1/style.css。（mytest为模板标识）默认配色：用户访问站点时，首先看到的配色方案。默认表情分类：对应”后台->界面->表情管理“中所启用的表情。界面基础图片目录：风格基础图片存放的目录，在CSS文件中使用{IMGDIR}的常量进

4、行输出，在Discuz!X2版本之后的模板中需要使用$_G['style']['imgdir']。扩展图片目录：风格扩展图片存放的目录，在CSS文件中使用{STYLEIMGDIR}的常量进行输出，在Discuz!X2版本之后的模板中需要使用$_G['style']['styleimgdir']。其他风格常量：以上没有提到风格常量，均可以在后台取得以花括号框选的常量用以在CSS文件中使用（X2以后的模板中均需要$_G['style']中对应的数组键值），涉及到CSS样式的动态变更，可以在修改对应设置如：正常字体大小{FONTSIZ

5、E}:12px/1.5，则直接修改程序运行中CSS缓存中的值。自定义模板变量-新增：可以根据扩展需求，针对个性化的CSS进行全局的定义。添加变量后,即可在CSS文件中以{TESTCODE}形式调用。模板目录结构公共模板文件夹（内含大部分模板css）./template/default/common/论坛模板文件夹./template/default/froum/群组模板文件夹./template/default/group/空间家园模板文件夹./template/default/home/会员模块模板文件夹./template/

6、default/member/首页模板文件夹./template/default/portal/首页模板文件夹./template/default/search/会员模块模板文件夹./template/default/userapp/扩展新模板论坛模板文件,默认放置在网站根目录/template/default/下,如果想修改默认模板的话,直接修改此文件夹下的模板即可。Discuz!X程序读取模板的流程为,先读取当前模板套系目录下的模板文件,如yourstyle文件夹下common/header.htm文件,如果没有这个文件,则

7、自动读取默认风格/tempalte/default目录下的common/header.htm文件。这里需要提醒一下,扩展的风格不再需要原来的CSS文件,只需要新建一个以extend_为前缀加源文件名的扩展CSS文件即可,例如：extend_common.css文件、extend_module.css。扩展的CSS文件只需要加入扩展的CSS代码即可！这扩展代码将在生成缓存时,自动追加到模板缓存文件中。首先在template/文件夹下新建一个yourstyle文件夹放置模板风格文件,然后复制default下的discuz_style

8、_default.xml,重命名为discuz_style_你的风格名称.xml(注意这里discuz_style_是必须保留的)。这个文件配置的是下图中后台风格管理中配置的变量内容。修改文件中以下四个参数