Discuz 模板風格製作：
1 、在 Photoshop 中製作風格頁面並切圖儲存；
2 、製作 html 檔案，css 調整；
在製作 html 檔案之前，您必須熟悉 Discuz ! 模板的元素和 css 。需要注意的是，在定製您的 css 的時候建議您參
考 Discuz！模板檔案 css.htm 來製作，這樣您所製作出來的模板檔案就可以方便的在 Discuz ! 管理後臺中作調整。
製作一套新的模板，其實並不需要將上面所有模板檔案重新制作，只需要將幾個必要的檔案進行替換成您所製作的風格模板檔案即可 （當然，如果您覺得
必要，可以將每個模板檔案根據您的設計風格進行調整，只要保證模板檔案中的程式結構完整），以下幾個檔案是一個論壇中最常用到的幾個頁面，對一套風格模
板影響相對較大，詳細如下:
1 、 header.htm ---頁面頭部
2 、 discus.htm ---論壇首頁內容部分
3 、 index_header.htm ---頭部發帖按鈕，和公告內容頁。
4 、 footer.htm --- 頁面底部
5 、 viewthread.htm --- 檢視帖子內容
6 、 css_common.htm ---公共樣式 css 樣式頁面
7 、 css_script.htm ---其他常用 css 樣式頁面
8 、 viewthread.htm --- 閱讀主題
9 、 forumdisplay.htm --- 論壇主題列表
10 、 forumdisplay_subforum.htm --- 子論壇列表
當然剛開始接觸模板製作也可以只修改其中的一部分，只要將 css.htm，header.htm，footer.htm 這三個檔案按照您的風格製作出來就可以讓模板風格作
變換，其他檔案也可以根據您對風格的要求進行調整。
Discuz! 模板檔案的簡單講解:
剛接觸 discuz！模板檔案，您會發現在這些 htm 檔案中包含著很多像：
<!--{if $discuz_uid}-->……<!--{else}-->……<!--{/if}-->
{template css}
<!--{loop $plugins['links'] $plugin}-->……<!--{/loop}-->
$charset
{lang memberlist}
{MAINTABLECOLOR}
這樣 6 類在一般 htm 檔案中不常見的語句和變數，這些語句是 Discuz! 模版中的特有語句，具體說明如下：
<!--{if ×××}-->……<!--{else}-->……<!--{/if}-->
這類語句並非普通 HTML 中的註釋語句，而是 Discuz! 特有的模板判斷語法，就好比 php 或者其他語法中的 if,else,then 等等。 透過這些語法，來控制一些功能的顯
示控制等效果。
{template ×××}
這類語句是模板呼叫語句，比如在某個模板中，想呼叫另一個模板中的內容，可以透過上面的語句對其他模板檔案進行呼叫，比如在 header.htm 模板檔案中的
{template css}，將 css.htm 模板檔案調入。 index.htm 模板檔案中最頂有 {template header}，最底有 {template footer}，分別調入的是 header.htm 和
footer.htm 兩個模板檔案，這樣根據頁面結構和功能的細分，使 Discuz! 模板的設計製作更為靈活，方便。
<!--{loop ×××}-->……<!--{/loop}-->
這類語句為迴圈語句，迴圈執行內部程式，直到資料輸出完畢結束。透過這些語句，能夠達到把同一系列的資料進行迴圈顯示效果，常見的如論壇列表、帖子列表
等。
$×××
這樣以 $開頭的是 Discuz! 引數和變數，一般情況下不建議修改。另外還有一些是 Discuz! 固定引數，如：
$seohead 後臺設定的頭部資訊
$charset —— config.inc.php 中設定語言字元集，必不可少，不能刪除！
$extrahead —— 控制論壇自動跳轉引數，必不可少，不能刪除！
{lang ×××}
這類以 lang 開頭的是 Discuz! 語言包呼叫語句，後面的變數可以在語言包檔案中找到相對應的欄位，在模板中所呼叫的大部分都是 templates.lang.php 檔案中的
，如下，左側為模版檔案中呼叫語句，右側為語言包中對應欄位：（使用者可以根據自己的需求對語言包進行修改）
{lang pm} 'pm' => '短訊息'
{lang admincp} 'admincp' => '系統設定'
{lang memberlist} 'memberlist' => '會員'
{×××}
{IMGDIR} 這類括弧內大寫的變數是 Discuz! 風格配色方案中的引數，可根據您的需要透過後臺定義新的風格變數。
3 、透過 Discuz! 管理後臺新增模板：
圖片和 html 檔案製作好，css 調整好以後我們就可以透過管理後臺來定義新的風格了。
首先，將圖片和 htm 模板檔案上傳到相應的目錄，現在製作這套模板叫 test，那麼我們就在 images 目錄和
templates 目錄下分別建立一個 test 目錄。
images/test 資料夾用於存放這套模板的圖片，把在第 1 步中切好的所有圖片儲存到這個資料夾中。
templates/test 資料夾用於存放這套模板的 htm 檔案，先從 templates/default/目錄中復 css.htm 、 header.htm 、
footer.htm 這三個檔案，到這個資料夾中。
接下來的工作都要在論壇後臺設定中來完成
（1） 進入論壇點選 「介面——> 模板管理」， 在新增模板後填入模板名稱，模板檔案所在目錄，板權資訊然後提交即可！
（2） 在 「介面 ——> 風格管理」 中，在新增介面風格後填入方案名稱然後提交即可！
（3） 提交方案名稱後，您就可以在介面風格中看到您所定義的新的風格方案。
到此，一套新的風格模板方案就新增到模板庫裡了，但還不是我們需要的最終效果，接下來要對模板檔案繼續進行調整，以達到模板的最終效果。
（4） 點選 [詳情] 後就可以進入該模板的風格配色方案的編輯頁面，您會發現，頁面中的文字框內大部分都是空白的，這是因為我們之前新增到
templates/test 中的 css.htm 是預設模板，需要根據我們所設計的風格把各個對應引數填入相應位置就可以了。
（5） 在製作介面方案 navy blue 的時候作者自定義了幾個 css，主要是用來控制用登陸資訊部分的文字顏色、背景，為了方便調整，將這些顏色和背景圖片
透過後臺定義成變數。 （{HMIMG1}－menu_left.gif，{HMIMG2}－menu_right.gif，hmtextcolor－#FFFFFF）
注意：Discuz！管理後臺的編輯介面方案功能，可以很方便的定義新的變數，用來控制設計者所定義的 css 樣式表，所以在寫 css 的時候 如果您需要按照
您的需求來製作新的 css，在後臺中將您所定義的 css 中的顏色、字型、字號、等引數值 （寬度、高度、百分比等） 定 義成新的變數，這樣在製作風格模 板的時
候方便調整
（6） 需要注意的是，在 css.htm 模板檔案中，需要把右側的替換內容用這些自定義變數名來替代，這些變數才可以起到作用。我們開啟 「介面 ——> 模
板管理」，點選 test 模板後面的 [詳情] ，進入模板維護介面。
（7） 您會看到，這這個頁面中包含 css，footer，header 三個模板檔案，這三個檔案是我們之前透過 default 目錄複製過來的預設模板檔案。我們要將這些
檔案的內容替換成我們自己的模板檔案內容才可以，點選 css 後的 [編輯] 進入模板檔案編輯頁面，將自己定義的 css 貼上到預設 css 模
板檔案。
（8） 接下來，我們將自定義 css 中的顏色值和背景圖片用之前在風格配色方案定義的變數替換，提交後，這樣這些變數就可以透過後臺來調
整了。
（9） 最後一步，因為這套模板 footer 部分未作調整，只要將 header 部分替換成自己製作的內容就可以了，點選 header 後的 [編輯] 進入模板檔案編
輯頁面，將自己製作好的 header.htm 程式碼替換原始 header.htm 程式碼，提交。
（10） 進入 「工具 ——> 更新快取」，在前臺選擇你做好色風格瀏覽就可以了。
自此，整套模板的製作到此結束。如果您的編碼能力比較強，模板檔案這部分完全可以在 Discuz! 後臺直接進行編輯，不過還是建議先在一些工具軟體
裡編輯後檢驗一下，這樣能避免一些不必要的錯誤。