AGAMES 討論區

標題: Discuz!6.0 風格製作 [打印本頁]

作者: dlalden 時間: 2009-1-16 16:58:27 標題: Discuz!6.0 風格製作

Discuz!6.0 風格製作一、認識Discuz!的模板結構:首先，我們來了解一下Discuz!的風格結構，如圖1所示，大體上分為三部分：header.htm、discuz.htm和footer.htm文件：

看一下header.htm文件內的大概結構，如圖2：

再看一下discuz.htm文件內的大概結構，如圖3：

最後看一下footer.htm文件的結構如圖4：

二、添加新的風格:首先，我們在論壇的templates目錄下新建一個名字為new的子目錄，將默認文件夾下的header.htm、discuz.htm、footer.htm、css.htm、css_append.htm文件拷貝到這個目錄，在論壇的images目錄下復制一份default文件夾，修改名字為new。
然後，打開論壇後台，進入論壇設置──模板編輯，添加一個模板套系，名字叫做“新風格”，所在目錄填寫為.templates/new，版權信息填入自己的版權，提交。
再回到界面風格裡邊，添加一個新風格，名字為“新風格”，然後提交。
這樣子，我們就添加好了我們的新風格。
三、設置新的風格進入界面風格，選擇“新風格”，打開詳情，逐步設置裡邊的各項，如果你不清楚各項都是什麼，可以參考一下圖5和圖6：

我們以官方的“春意盎然”為例，設置界面風格詳情，如圖7。

添加好後，在界面風格內，點擊更新css緩存，回到首頁，刷新頁面，選擇自己新建的模板風格，即可看到新風格的頁面，如圖8。

四、調整css.htm文件現在，一個非常簡單的風格已經做好了，如果想要達到一些特殊的效果，還需要調整css.htm文件，不過為了保證不把css.htm文件弄亂，讓自己都不知道做了什麼，新的6.0模板為大家新增加了一個css_append.htm文件，大家可以在這裡對css.htm文件進行修改，需要修改哪處，原版拷貝過來，然後調整屬性即可，這樣子可以很清楚的知道自己做了哪些調整，不至於當模板出現問題的時候無法查找。

歡迎光臨 AGAMES 討論區 (http://061244113049.ctinets.com/)