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://61.244.113.49/)
Powered by Discuz! X2