阿酷教你使用Discuz! X:“改頭”換面——三步操作打造出和主站風(fēng)格保持一致的Discuz! X!
在網(wǎng)站設(shè)計(jì)中,判斷各個(gè)頻道風(fēng)格是否一致主要取決于頭部風(fēng)格是否一致,具體分為logo位置、頭部背景和body背景三個(gè)部分。Discuz! X發(fā)布了,默認(rèn)的風(fēng)格與各位站長(zhǎng)自己網(wǎng)站的風(fēng)格多少有些出入,我們可以“改頭換面”三步走,輕松的打造出和主站風(fēng)格保持一致的Discuz! X!今天酷安網(wǎng)站長(zhǎng)阿酷就來給大家講解下。在講之前先看看酷安網(wǎng)的“改頭換面”后的形象:http://www.coolapk.com/bbs 。
接著咱們就跟阿酷一起,將Discuz! X改頭換面吧——進(jìn)入Discuz! X管理后臺(tái),進(jìn)入“界面->風(fēng)格管理->編輯界面風(fēng)格”操作頁(yè)面:
第一步:更改頁(yè)面背景,body背景在站點(diǎn)統(tǒng)一風(fēng)格上起著至關(guān)重要的作用,如果兩個(gè)頁(yè)面的背景風(fēng)格不統(tǒng)一,則很容易給用戶留下“跳躍”的感覺:
如圖,可以頁(yè)面背景的顏色和圖片。這取決于你網(wǎng)站的主站風(fēng)格,如果單純以顏色作為背景,只需要填寫顏色即可。如果是以圖片為背景,圖片的附加屬性部分也最好與你的主站CSS保持一致;
第二步:更改頁(yè)頭背景,這一步很重要,DiscuzX默認(rèn)風(fēng)格中頁(yè)頭背景底部有一個(gè)藍(lán)色背景條,如果要取消這個(gè)背景條,將顏色值設(shè)為透明即可:transparent
第三步:修改logo,這一步很簡(jiǎn)單,將主站的logo圖片填入“站點(diǎn) Logo”輸入框即可,如圖:
OK,看一下上邊的預(yù)欄窗口,當(dāng)前風(fēng)格是不是已經(jīng)“改頭換面”啦?
最后,別忘了保存你的修改,然后還要在“界面->風(fēng)格管理”更新一下CSS緩存。如圖:
進(jìn)入站點(diǎn)首頁(yè),刷新一下,Discuz! X當(dāng)前的風(fēng)格是不是已經(jīng)被輕松的“改頭換面”了?!