discuz 模板教程

1、Discuz!模板風格制作：1、在Photoshop中制作風格頁面并切圖保存；2、制作html文檔，css調(diào)整；在制作html文件之前，您必須熟悉Discuz!模板的元素和css。需要注意的是，在定制您的css的時候建議您參考Discuz！模板文件css.htm來制作，這樣您所制作出來的模板文件就可以方便的在Discuz!管理后臺中作調(diào)整。制作一套新的模板，其實并不需要將上面所有模板文件重新制作，只需要將幾個必要的文件進行替換成您所制作

2、的風格模板文件即可（當然，如果您覺得必要，可以將每個模板文件根據(jù)您的設計風格進行調(diào)整，只要保證模板文件中的程序結(jié)構(gòu)完整），以下幾個文件是一個論壇中最常用到的幾個頁面，對一套風格模板影響相對較大，詳細如下:1、header.htm頁面頭部2、discus.htm論壇首頁內(nèi)容部分3、index_header.htm頭部發(fā)帖按鈕，和公告內(nèi)容頁。4、footer.htm頁面底部5、viewthread.htm查看帖子內(nèi)容6、css_common

3、.htm公共樣式css樣式頁面7、css_.htm其他常用css樣式頁面8、viewthread.htm閱讀主題9、fumdisplay.htm論壇主題列表10、fumdisplay_subfum.htm子論壇列表當然剛開始接觸模板制作也可以只修改其中的一部分，只要將css.htm，header.htm，footer.htm這三個文件按照您的風格制作出來就可以讓模板風格作變換，其他文件也可以根據(jù)您對風格的要求進行調(diào)整。Discuz!模板

4、文件的簡單講解:剛接觸discuz！模板文件，您會發(fā)現(xiàn)在這些htm文件中包含著很多像：…………templatecss……$setlangmemberlistMAINTABLECOL這樣6類在一般htm文件中不常見的語句和變量，這些語句是Discuz!模版中的特有語句，具體說明如下：…………這類語句并非普通HTML中的注釋語句，而是Discuz!特有的模板判斷語法，就好比php或imagestest文件夾用于存放這套模板的圖片，把在第1步

5、中切好的所有圖片保存到這個文件夾中。templatestest文件夾用于存放這套模板的htm文件，先從templatesdefault目錄中復css.htm、header.htm、footer.htm這三個文件，到這個文件夾中。接下來的工作都要在論壇后臺設置中來完成（1）進入論壇點擊“界面——模板管理”，在新增模板后填入模板名稱，模板文件所在目錄，板權(quán)信息然后提交即可?。?）在“界面——風格管理”中，在新增界面風格后填入方案名稱然后提交

6、即可?。?）提交方案名稱后，您就可以在界面風格中看到您所定義的新的風格方案。到此，一套新的風格模板方案就添加到模板庫里了，但還不是我們需要的最終效果，接下來要對模板文件繼續(xù)進行調(diào)整，以達到模板的最終效果。（4）點擊[詳情]后就可以進入該模板的風格配色方案的編輯頁面，您會發(fā)現(xiàn)，頁面中的文本框內(nèi)大部分都是空白的，這是因為我們之前添加到templatestest中的css.htm是默認模板，需要根據(jù)我們所設計的風格把各個對應參數(shù)填入相應位置就

7、可以了。（5）在制作界面方案navyblue的時候作者自定義了幾個css，主要是用來控制用登陸信息部分的文字顏色、背景，為了方便調(diào)整，將這些顏色和背景圖片通過后臺定義成變量。（HMIMG1－menu_left.gif，HMIMG2－menu_right.gif，hmtextcol－#FFFFFF）注意：Discuz！管理后臺的編輯界面方案功能，可以很方便的定義新的變量，用來控制設計者所定義的css樣式表，所以在寫css的時候如果您需要按

8、照您的需求來制作新的css，在后臺中將您所定義的css中的顏色、字體、字號、等參數(shù)值（寬度、高度、百分比等）定義成新的變量，這樣在制作風格模板的時候方便調(diào)整（6）需要注意的是，在css.htm模板文件中，需要把右側(cè)的替換內(nèi)容用這些自定義變量名來替代，這些變量才可以起到作用。我們打開“界面——模板管理”，點擊test模板后面的[詳情]，進入模板維護界面。（7）您會看到，這這個頁面中包含css，footer，header三個模板文件，這三個