論壇社區(qū)discuz模版制作教程--總裁網(wǎng)

《論壇社區(qū)discuz模版制作教程--總裁網(wǎng)》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫。

1、個人網(wǎng)絡(luò)學(xué)院http://school.chinaceot.com總裁網(wǎng)個人網(wǎng)絡(luò)學(xué)院　　個人網(wǎng)絡(luò)學(xué)院下設(shè)13個網(wǎng)絡(luò)學(xué)院：總裁網(wǎng)絡(luò)學(xué)院總裁教練網(wǎng)絡(luò)學(xué)院財務(wù)管理網(wǎng)絡(luò)學(xué)院人力資源網(wǎng)絡(luò)學(xué)院培訓(xùn)師網(wǎng)絡(luò)學(xué)院客戶服務(wù)網(wǎng)絡(luò)學(xué)院生產(chǎn)管理網(wǎng)絡(luò)學(xué)院品質(zhì)管理網(wǎng)絡(luò)學(xué)院大學(xué)生就業(yè)網(wǎng)絡(luò)學(xué)院市場營銷網(wǎng)絡(luò)學(xué)院銷售管理網(wǎng)絡(luò)學(xué)院物流管理網(wǎng)絡(luò)學(xué)院采購管理網(wǎng)絡(luò)學(xué)院總裁網(wǎng)（www.chinaceot.com）致力于個人網(wǎng)絡(luò)培訓(xùn)，是您成功的加油站！　個人網(wǎng)絡(luò)學(xué)院http://school.chinaceot.com模板制作前請將你的界面設(shè)計好，并制作成html+CSS的格式。

2、這里我就以大魔王的“藍色經(jīng)典”作為樣版（知識共享，希望大魔王不要介意，如有侵權(quán)，請及時通知我）。效果圖如下：下載(38.08KB)2009-8-220:34（圖1)在開始前，先了介紹一下discuz!的幾個模板文件：1、??????header.htm--------------------------------------頁面頭部2、??????discus.htm---------------------------------------------------------------論壇首頁3、??????footer.

3、htm---------------------------------------------------------------頁面底部4、??????viewthread--------------------------------------------------------------查看帖子內(nèi)容discuz！論壇的頁面通常是幾個模板文件共同作用下達到的效果，如圖1就是header.htm+discus.htm+footer.htm這三個文件共同作用的效果。Heaer.htm對應(yīng)的是：下載(6.88KB)2009-8

4、-220:34（圖2）Footer.htm對應(yīng)的是：總裁網(wǎng)（www.chinaceot.com）致力于個人網(wǎng)絡(luò)培訓(xùn)，是您成功的加油站！　個人網(wǎng)絡(luò)學(xué)院http://school.chinaceot.com下載(3.14KB)2009-8-220:34（圖3）剩下的就是discuz.htm文件顯示的了。當(dāng)然你要將首頁顯示的效果就制作成一個文件模板也是可以的，這里之所以分開，是因為header.htm和footer.hmt文件通常還會被其它的模版文件引用。也就是說，其它的頁面（比如發(fā)貼的頁面）的頭部、底部與首頁的頭部、底部完全一樣，分開

5、來寫就可以達到重復(fù)利用，減少勞動的效果。下面我們就開始制作：首先，現(xiàn)在我要制作的這套模板叫test，那么我就在templates目錄下建立一個test目錄。在test目錄下再新建一個images文件夾用于存放這套模板的圖片，把切好的所有圖片保存到這個文件夾中。templates/test文件夾用于存放這套模板的htm文件，在這個目錄中新建三個文件header.htm、discuz.htm、footer.htm，打開你設(shè)計好的主頁html文件，將你想作為頭部的那一段代碼復(fù)制粘貼到header.htm文件中，相應(yīng)的將作為底部的那一段代

6、碼復(fù)制粘貼到footer.htm文件中，其余的代碼復(fù)制粘貼到discuz.htm文件中。最后在discuz.htm文件的最頂部和最底部分別加上：{subtemplateheader}和{subtemplatefooter}這兩句算是discuz的語言，意思是將header.htm和footer.htm文件包含進來，這樣就構(gòu)成了一個完整的主頁面了。接下來的工作要在論壇后臺設(shè)置中來完成（1）??????進入論壇點擊“系統(tǒng)設(shè)置——>界面——>模板管理”，在新增模板后填入模板名稱，模板文件所在目錄，板權(quán)信息然后提交即可！如圖4：下載(5.

7、7KB)2009-8-220:34（圖4）（2）??????在“界面——>風(fēng)格管理”中，在新增界面風(fēng)格后填入方案名稱“test”然后提交即可?。?）??????提交方案名稱后，您就可以在界面風(fēng)格中看到您所定義的新的風(fēng)格方案。如下圖：總裁網(wǎng)（www.chinaceot.com）致力于個人網(wǎng)絡(luò)培訓(xùn)，是您成功的加油站！　個人網(wǎng)絡(luò)學(xué)院http://school.chinaceot.com下載(21.58KB)2009-8-220:34（圖5）注意上面用紅色圓圈圈起來的那幅模版預(yù)覽圖，你的是不是沒有顯示出來？這需要將你的首頁的效果圖做成11

8、0x120并命名為preview.jpg，將這圖片放到test目錄下就可以了。到此，一套新的風(fēng)格模板方案就添加到模板庫里了，但還不是我們需要的最終效果，接下來要對模板文件繼續(xù)進行調(diào)整，以達到想要的最終效果（4）??????點擊[編輯]后就可以進入該