国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > CMS > Discuz > 正文

discuzX教程教你如何把切割好的html頁面轉換成可供DIY的頁面（高級教程）

2024-09-11 09:04:08
字體：大 中 小
來源：轉載
供稿：網友
今天給大家講講 如何把已經切割好的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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 南平市| 酒泉市| 安阳市| 天津市| 梓潼县| 牙克石市| 阿巴嘎旗| 巴马| 射洪县| 双牌县| 颍上县| 伊吾县| 依兰县| 绥江县| 丘北县| 江门市| 华宁县| 大荔县| 仁寿县| 望奎县| 涡阳县| 湖州市| 阿荣旗| 噶尔县| 泗水县| 泾川县| 石景山区| 驻马店市| 无极县| 大安市| 双桥区| 西盟| 厦门市| 鱼台县| 巫溪县| 乌拉特后旗| 洞头县| 房山区| 龙州县| 海门市| 丰都县|