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

作者:IT3C 时间: 2016-09-21 来自:网络

今天给大家讲讲 如何把已经切割好的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

我顶 共有 个朋友支持责任编辑:webs.wiki

上一篇:DiscuzX分类信息使用方法
下一篇:康盛创想 Windows(server 2003)服务器部署标准

相关文章
无相关信息

相关评论共有条评论

注意:请您文明上网、理性发言并遵守相关规定

您可以选择注册或匿名发表评论

用户名: 密码:

验证码: 匿名发表

查看评论 留言须知