discuzX教程教你如何把切割好的html页面转换成可供DIY的页面（高级教程）
2021-05-02 21:17:11 今天给大家讲讲 如何把已经切割好的html页面或者模仿的页面转换成可供DIY的页面
请跟随教程一步一步操作如有疑问请提出
以下以家居频道为例为大家讲解
我们常见的切割好的html页面包含这么几个元素
如下图图片文件夹、CSS文件夹、其它文件或图片文件夹、一个html页面
大家看下页面效果
接下来，我们就把这个页面转换成DIY页面
首页我们用编辑工具打开 index.html页面
我们为了能够使用统一的头部样式，这里面我们引入系统内置的头部文件（header）把页面中的关于头部的信息删除
如下图所示
把系统头部（header）引入进来
引用代码
<!--{subtemplate common/header}--> 复制代码如下图所示
给新的模板起个名字
如下代码
<!--[name]家居频道模板[/name]--> 复制代码如下图所示
接下来增加可供DIY的CSS样式表
如下代码
<style id="diy_style" type="text/css"></style> 复制代码如下图所示
头部
接下来更换底部代码
找到底部代码删除掉 换成系统内置的通用底部代码
如下图所示
增加如下代码
<!--{subtemplate common/footer}--> 复制代码如下图所示
声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。 如涉及版权问题，请提交至online#300.cn邮箱联系删除。
最新文章
热门文章
猜你喜欢
