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! 後台直接進行編輯，不過還是建議先在一些工具軟件
裏編輯後檢驗一下，這樣能避免一些不必要的錯誤。