零基礎建站培訓教程介紹

當前位置:

DISCUZ論壇模板開發步驟

DISCUZ論壇模板開發視頻教程

DISCUZ論壇模板開發步驟

  1. themplate文件夾下新件一個文件夾,取名為moban
  2. 復制默認模板下的配置信息文件discuz_style_default.xml到moban下,這樣DZ就可以識別這個模板了。
  3. 用記事本打開discuz_style_default.xml文件,將以下四項進行修改:
    <item id="name"><![CDATA[我的模板]]></item>
    <item id="templateid"><![CDATA[2]]></item>
    <item id="tplname"><![CDATA[我的模板套系]]></item>
    <item id="directory"><![CDATA[./template/moban]]></item>
    <item id="copyright"><![CDATA[學做網站論壇]]></item>
    <item id="version"><![CDATA[X3.1]]></item>//可以指定模板適合的版本
    ?dz01
  4. 需要配置一個圖片存放文件夾,在moban下新建一個images文件夾并配置一下路徑。template/moban/images 【后面不要 / 】?在制作過程中,在CSS中可以使用{STYLEIMGDIR}來代替這個路徑,在模板文件中使用 $_G['style'][styleimgdir] 來代替路徑。
  5. 建立調用的公共樣式。在moban 文件夾下新建一個common文件夾下新建二個空間的CSS文件extend_common.css、extend_module.css。
  6. DISCUZ論壇模板開發時,將下載的文件夾重命名為images,里面的CSS文件位置不用動它。
  7. 將首頁文件放到portal里面,然后使用本地環境打開,出現錯位,需要修改一下圖片及css的路徑。修改index.htm中的圖片的路徑,從程序根目錄讀取的。template/awx/images/index.css。
  8. 剪切頭部代碼-----到head.htm中,使用調用代碼調回來:
    <!--{template common/header}-->
  9. 剪切底部代碼-----到foot.htm中,使用調用代碼調回來:
    <!--{template common/footer}-->
  10. 頭部的修改,使用DZ代碼替換靜態的代碼。
  11. 發貼按鈕【彈出選擇欄目版塊】:
    <a onclick="showWindow('nav', this.href, 'get', 0)" href="forum.php?mod=misc&action=nav"><img src="static/image/common/pn_post.png" alt="發新帖"></a>

相關教程:DZ模板制作視頻

發表評論

零基礎學建站就到學做網站論壇
速盈彩1分快三