discuz模板制作教程1

《discuz模板制作教程1》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、近幾天做了幾套模板先將心的整理一下發(fā)給大家以供各位參考借鑒。在做模板之前大家最好具備一些基本的網(wǎng)頁制作方面的知識。那么咱們先來看看如何制作一套簡單的模板流程。1、在Photoshop中制作風(fēng)格頁面并切圖保存；2、制作html文檔，css調(diào)整；在開始前，先了介紹一下discuz!的幾個(gè)模板文件：1、header.htm--頁面頭部2、discus.htm--論壇首頁3、index_header.htm--頭部發(fā)帖按鈕，和公告內(nèi)容頁。4、footer.htm--頁面底部5、viewthread.htm--查看帖子

2、內(nèi)容6、css_common.htm--公共樣式css樣式頁面7、css_script.htm--其他常用css樣式頁面首先我們要制作的這套模板叫test，那么我就在templates目錄下建立一個(gè)test目錄。在test目錄下再新建一個(gè)images文件夾用于存放這套模板的圖片，把切好的所有圖片保存到這個(gè)文件夾中。templates/test文件夾用于存放這套模板的htm文件，首先我們先到default默認(rèn)模板下面去復(fù)制header.htm、discuz.htm、footer.htm這三個(gè)htm文件。然后分別

3、打開著三個(gè)文件，可能這里你需要一些常用的htm語言常識，和一些基本的css語法。如果你不會的話可以去查閱一些資料。我們大多時(shí)候我們不必完全去重新做。默認(rèn)模板的head等頭部信息我們還是非常有必要要保留。將你做好的靜態(tài)文件的切圖我ps縮小成一個(gè)110X120大小名為preview.jpg的圖片放到test目錄下（這是后臺安裝界面顯示的縮略圖）。接下來的工作要在論壇后臺設(shè)置中來完成（1）進(jìn)入論壇點(diǎn)擊“系統(tǒng)設(shè)置——>界面——>模板管理”，在新增模板后填入模板名稱，模板文件所在目錄，板權(quán)信息然后提交即可！如（3）然后

4、切換到“系統(tǒng)設(shè)置——>界面——>風(fēng)格管理”，您就可以在界面風(fēng)格中看到您所定義的新的風(fēng)格方案。點(diǎn)擊安裝就可以了！如下圖：（4）然后點(diǎn)擊[編輯]后就可以進(jìn)入該模板的風(fēng)格配色方案的編輯頁面，此根據(jù)你的界面風(fēng)格配色方案設(shè)置一下你的配色方案。具體的設(shè)置參數(shù)，主要對應(yīng)的前臺顯示效果參照如下鏈接地址的標(biāo)注：http://www.discuz.net/viewthread.php?tid=1496344&from=recommend_f填寫好后，點(diǎn)擊“提交”，更新一下緩存，就ok了。在這里我只是簡略的介紹一下安裝成品

5、模板的方法。在制作模板的過程中我們大多數(shù)的精力主要集中在樣式的調(diào)整。不過dz給我們提供了簡單快捷的調(diào)試方式。你可以將需要修改的樣式寫到css_appendhtm,它的代碼是：$extrahead{subtemplatecss_script}根據(jù)css的特點(diǎn)，在css_appendhtm里的樣式將覆蓋css_commen.htm中的文件的。注意只是覆蓋原有的屬性。沒有修改的屬性將依舊調(diào)用css_commen.htm的樣式。這樣我們各以節(jié)省很多的代碼。同樣對于css_script.htm同樣如css_commen

6、.htm一樣。你只需要在新建一個(gè)文件css_script_append.htm文件。將所需修改的樣式拷貝到css_script_append.htm，但需要注意的是一定按dz的規(guī)范，將css樣式寫入你所修改的代碼所在的標(biāo)簽中。例如：[CURSCRIPT=index][/CURSCRIPT]下面我將逐步介紹如何簡單的調(diào)整htm模板文件和css，文件以幫助大家更好的了解如何更好的來了解模板文件。一、首先我們將default默認(rèn)模板文件夾下的：1、header.htm--頁面頭部2、discus.htm--論壇首頁

7、4、footer.htm--頁面底部同時(shí)新建一個(gè)css_append.htm文件。用來填寫你需要記錄的css樣式。一般我們通常需要移動的元素和樣式主要有以下集中元素。網(wǎng)站頭部：header.htm1頭部登錄注冊菜單菜單，主要對應(yīng)的htm代碼標(biāo)簽為