欢迎来到素材无忧网,按 + 收藏我们
登录 注册 退出 找回密码
素材无忧对所有站长和会员的道歉信 素材无忧发展辛酸史 会员权限丢失怎么办？ 素材无忧正式更换为：素材无忧网 素材无忧也正式更换新域名：www.sucai51.cn
  主页 > cms教程 > discuz教程

discuzX教程教你如何把切割好的html页面转换成可供DIY的页面（高

时间： 2019-05-29 11:11 阅读： 次 作者：素材无忧网

今天给大家讲讲 如何把已经切割好的html页面或者模仿的页面转换成可供DIY的页面

请跟随教程一步一步操作  如有疑问请提出 



以下以家居频道为例为大家讲解

我们常见的切割好的html页面包含这么几个元素 

如下图  图片文件夹、CSS文件夹、其它文件或图片文件夹、一个html页面  

1.gif




大家看下页面效果
 

2.png



接下来，我们就把这个页面转换成DIY页面  

首页我们用编辑工具打开 index.html页面

我们为了能够使用统一的头部样式，这里面我们引入系统内置的头部文件（header）把页面中的关于头部的信息删除

如下图所示

3.png





把系统头部（header）引入进来 

引用代码
  1. <!--{subtemplate common/header}-->
复制代码 如下图所示 

4.png




给新的模板起个名字 

如下代码
  1. <!--[name]家居频道模板[/name]-->
复制代码 如下图所示

5.png




接下来增加可供DIY的CSS样式表

如下代码
  1. <style id="diy_style" type="text/css"></style>
复制代码 如下图所示

6.png




头部

接下来更换底部代码  

找到底部代码删除掉 换成系统内置的通用底部代码   

如下图所示


7.png




增加如下代码
  1. <!--{subtemplate common/footer}-->
复制代码 如下图所示

9.png

版权声明： 本站资源均来自互联网或会员发布，如果侵犯了您的权益请与我们联系，我们将在24小时内删除！谢谢！

转载请注明： discuzX教程教你如何把切割好的html页面转换成可供DIY的页面（高

上一篇：dz论坛 关键词从哪里设置？
下一篇：【Discuz!X1.5】论坛搬家换空间详细步骤及说明
标签：  
相关文章
推荐文章
排行榜
模板推荐
热门标签

本站转载作品版权归原作者及来源网站所有，原创内容作品版权归作者所有，任何内容转载、商业用途等均须联系原作者并注明来源。相关侵权、举报、投诉及建议等，请发E-mail：379144319@qq.com

Copyright © 2002-2011 滕州素材无忧网络科技有限公司 版权所有nbsp; 鲁ICP备16003892号-6鲁公网安备37048102006483号