discuz

推荐列表 站点导航

当前位置:首页 > 建站教程 > discuz >

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

来源:网络整理  作者:  发布时间:2020-12-14 09:10
今天给大家讲讲 如何把已经切割好的html页面或者模仿的页面转换成可供DIY的页面 请跟随教程一步一步操作如有疑问...




2.png

复制代码 如下图所示


接下来更换底部代码  
我们常见的切割好的html页面包含这么几个元素 

大家看下页面效果
把系统头部(header)引入进来 




复制代码 如下图所示

7.png

4.png

给新的模板起个名字 
如下图所示
如下图  图片文件夹、CSS文件夹、其它文件或图片文件夹、一个html页面  


3.png

复制代码 如下图所示





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



5.png


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


1.gif


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

今天给大家讲讲 如何把已经切割好的html页面或者模仿的页面转换成可供DIY的页面
首页我们用编辑工具打开 index.html页面


如下代码

<style id="diy_style" type="text/css"></style>



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





增加如下代码

<!--{subtemplate common/footer}-->



复制代码 如下图所示 
如下图所示
接下来增加可供DIY的CSS样式表

9.png

如下代码

<!--[name]家居频道模板[/name]-->



6.png

引用代码

<!--{subtemplate common/header}-->






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



头部
 

相关热词: HTML discuz 教程

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://www.juheyunku.com/jz/discuz/3692.shtml

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

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

2020-12-14 编辑:





2.png

复制代码 如下图所示


接下来更换底部代码  
我们常见的切割好的html页面包含这么几个元素 

大家看下页面效果
把系统头部(header)引入进来 




复制代码 如下图所示

7.png

4.png

给新的模板起个名字 
如下图所示
如下图  图片文件夹、CSS文件夹、其它文件或图片文件夹、一个html页面  


3.png

复制代码 如下图所示





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



5.png


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


1.gif


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

今天给大家讲讲 如何把已经切割好的html页面或者模仿的页面转换成可供DIY的页面
首页我们用编辑工具打开 index.html页面


如下代码

<style id="diy_style" type="text/css"></style>



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





增加如下代码

<!--{subtemplate common/footer}-->



复制代码 如下图所示 
如下图所示
接下来增加可供DIY的CSS样式表

9.png

如下代码

<!--[name]家居频道模板[/name]-->



6.png

引用代码

<!--{subtemplate common/header}-->






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



头部
 

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://www.juheyunku.com/jz/discuz/3692.shtml

相关文章

风云图片

推荐阅读

返回discuz频道首页