《dz模版开发笔记》由会员分享，可在线阅读，更多相关《dz模版开发笔记（28页珍藏版）》请在金锄头文库上搜索。
1、. . . . .1、 discuz二次开发文档http:/dev.discuz.org/wiki/index.php2、 discuz copy他人模版今天给大家讲讲 如何把已经切割好的html页面或者模仿的页面转换成可供DIY的页面请跟随教程一步一步操作如有疑问请提出 以下以家居频道为例为大家讲解我们常见的切割好的html页面包含这么几个元素 如下图图片文件夹、CSS文件夹、其它文件或图片文件夹、一个html页面2010-9-26 10:14:32 上传下载附件 (2.65 KB) 大家看下页面效果2010-9-26 10:32:09 上传下载附件 (1.61 MB) 接下来，我们就把这个
2、页面转换成DIY页面首页我们用编辑工具打开 index.html页面我们为了能够使用统一的头部样式，这里面我们引入系统内置的头部文件（header）把页面中的关于头部的信息删除如下图所示2010-9-26 10:50:00 上传下载附件 (79.28 KB) 把系统头部（header）引入进来 引用代码 1. 复制代码如下图所示 2010-9-26 10:53:33 上传下载附件 (14.82 KB) 给新的模板起个名字 如下代码 1. 复制代码如下图所示2010-9-26 11:22:47 上传下载附件 (15.25 KB) 接下来增加可供DIY的CSS样式表如下代码 1. 复制代码如下图所
3、示2010-9-26 11:27:31 上传下载附件 (16.22 KB) 头部接下来更换底部代码找到底部代码删除掉 换成系统内置的通用底部代码 如下图所示2010-9-26 11:44:19 上传下载附件 (22.92 KB) 增加如下代码 1. 复制代码如下图所示2010-9-26 11:47:04 上传下载附件 (5.03 KB) 到此基本改造完成 接下来我们把改造好的文件放在系统目录中去 首先我们把index.html文件改名把index.html改成list_home.htm 此处一定要注意频道模板必须以list_开头，后缀名为.htm把改好名的list_home.htm文件拷贝到
4、templatedefaultportal 目录下同时在templatedefaultportal 目录新建一个home文件夹 用来放家居频道的图片及样式表 此时复制 原来的文件夹 2010-9-26 11:58:17 上传下载附件 (4.5 KB) 到templatedefaultportal 目录的home文件夹 如下图所示 2010-9-26 13:11:01 上传下载附件 (7.52 KB) 接下来 用编辑器打开list_home.htm文件引入样式表文件代码如下 1. 复制代码如下图所示2010-9-26 13:20:58 上传下载附件 (12.99 KB) 同进查找img src=
5、images/ 替换成 img src=template/default/portal/home/images/把其它用到的图片标签全替换成 template/default/portal/home/ 这个目录下就可以了接下来 我们进入后台创建一个频道模板名选择 “家居频道模板” 如下图2010-9-26 13:45:44 上传下载附件 (30.21 KB) 创建完成后，点击查看 就能看到已与系统完全整合的模板了 接下来我们把模板中的占位用的假数据换成DIY区域 用编辑器打开list_home.htm文件大家会看到有类似的如下代码 1. 2. 3. 装修资讯 七步改造计 为夏日客厅换新颜4.
6、行业资讯 拆改承重墙如同醉驾需缴费5. 装修资讯 玩转极简主义 构造冷色系居室空间6. 家居风水 周星驰于文凤分手 防小三家居风水7. 装修资讯 小身材大味道 边角料再利用8. 装修资讯 茶几布局 随性设计耐保养9. 10. 复制代码把其中的 1. 2. 装修资讯 七步改造计 为夏日客厅换新颜3. 行业资讯 拆改承重墙如同醉驾需缴费4. 装修资讯 玩转极简主义 构造冷色系居室空间5. 家居风水 周星驰于文凤分手 防小三家居风水6. 装修资讯 小身材大味道 边角料再利用7. 装修资讯 茶几布局 随性设计耐保养8. 复制代码换成 1. 复制代码完成后是这个样子 1. 2. 3. 复制代码其中的 d
7、iy=diy1 和 div id=diy1要匹配 且 在一个页面中不能重复 如果要在第二个区域里面使用的话就应该是 diy=diy2 和 div id=diy2 或者diy=home 和 div id=home 或者diy=discuz 和 div id=discuz 只要在一个页面内不重复 随你怎么写都可以如下图所示 2010-9-26 14:15:49 上传下载附件 (13.47 KB) 此时就完成了占位数据 转换成DIY区域的过程在上面的过程中 这样的替换并不是最优化的，我们接下来进行改进，让DIY更加灵活此处的结构是这样子的如下图 2010-9-26 14:21:10 上传下载附件 (17.3 KB) 实现它的代码是这样子的 1. 2. 玩转极简主义 构造冷色系居室空间3. 今夏最流行的设计当属极简主义，色彩也从华丽深沉转变为了优雅素净。玻璃、金属、木质等较能体现简单特性的材质.详细4. 5. 6. 装修资讯 七步改造计 为夏日客厅换新颜7. 行业资讯 拆改承重墙如同醉驾需缴费8. 装修资讯 玩转极简主义 构造冷色系居室空间9. 家居风水 周星驰于文凤分手 防小三家居风水10. 装修资讯 小身材大味道 边角料再利用11. 装修资讯 茶几布局 随性设计耐保养12. 13. 14. 复制代码我们可以把整个区域做为一个DIY区
