discuz7.x模版详细制作教程.pdfVIP

discuz7.x 模版详细制作教程 模板制作前请将你的界面设计好，并制作成 html+CSS 的格式。这里我就以大魔王的“蓝色 经典”作为样版（知识共享，希望大魔王不要介意，如有侵权，请及时通知我）。效果图如 下： （图 1) 在开始前，先了介绍一下 discuz! 的几个模板文件： 1、 header.htm 页面头部 2 、 discus.htm 论坛首页 3 、 footer.htm 页面底部 4 、 viewthread 查看帖子内容 discuz ！论坛的页面通常是几个模板文件共同作用下达到的效果，如图 1 就是 header.htm+discus.htm+footer.htm 这三个文件共同作用的效果。 Heaer.htm 对应的是： （图2 ） Footer.htm 对应的是： （图3 ） 剩下的就是 discuz.htm 文件显示的了。 当然你要将首页显示的效果就制作成一个文件模板也是可以的，这里之所以分开，是因为 header.htm 和 footer.hmt 文件通常还会被其它的模版文件引用。 也就是说， 其它的页面 （比 如发贴的页面） 的头部、 底部与首页的头部、 底部完全一样， 分开来写就可以达到重复利用， 减少劳动的效果。 下面我们就开始制作： 首先，现在我要制作的这套模板叫 test ，那么我就在 templates 目录下建立一个 test 目录。 在 test 目录下再新建一个 images 文件夹用于存放这套模板的图片， 把切好的所有图片保存 到这个文件夹中。 templates/test 文件夹用于存放这套模板的 htm 文件，在这个目录中新 建三个文件 header.htm 、discuz.htm 、footer.htm ，打开你设计好的主页 html 文件，将你 想作为头部的那一段代码复制粘贴到 header.htm 文件中， 相应的将作为底部的那一段代码复制粘贴到 footer.htm 文件中，其余的代码复制粘贴到 discuz.htm 文件中。 最后在 discuz.htm 文件的最顶部和最底部分别加上： {subtemplate header} 和 {subtemplate footer} 这两句算是 discuz 的语言，意思是将 header.htm 和 footer.htm 文件包含进来，这样就构 成了一个完整的主页面了。 接下来的工作要在论坛后台设置中来完成 （1） 进入论坛点击 “系统设置 —— 界面—— 模板管理”， 在新增模板后填 入模板名称，模板