discuz 模板教程

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

2、的風(fēng)格模板文件即可（當(dāng)然，如果您覺得必要，可以將每個(gè)模板文件根據(jù)您的設(shè)計(jì)風(fēng)格進(jìn)行調(diào)整，只要保證模板文件中的程序結(jié)構(gòu)完整），以下幾個(gè)文件是一個(gè)論壇中最常用到的幾個(gè)頁面，對(duì)一套風(fēng)格模板影響相對(duì)較大，詳細(xì)如下: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子論壇列表當(dāng)然剛開始接觸模板制作也可以只修改其中的一部分，只要將css.htm，header.htm，footer.htm這三個(gè)文件按照您的風(fēng)格制作出來就可以讓模板風(fēng)格作變換，其他文件也可以根據(jù)您對(duì)風(fēng)格的要求進(jìn)行調(diào)整。Discuz!模板

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

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

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

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

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