Discuz!6.0 風格高級應用

dlalden

Discuz!6.0 風格高級應用一 、css_append.htm文件的妙用6.0的模板文件裡新出現了一個css_append.htm文件，也許好多人都沒有注意到把，或者根本就沒有對它產生用的意思。其實這個文件還是有很大的用處哦，這裡南芝就先向大家分享一個比較簡單使用的技巧。
應該有不少人的首頁都添加了首頁X格，也有不少的首頁X格使用div+css的方法定制，那麼這就需要我們在css裡邊對這部分代碼進行定義，那麼我們做的定義是否合理？是否重復呢？
假如你的論壇有好幾款風格，每一個風格都使用首頁四格的話，那麼在每一個風格的css文件內都需要定義，如果你所有的風格都使用的是同一個css.htm文件，那麼倒沒什麼，但是好多人似乎都是下載別人發布的風格，那麼我們還得單獨為他們加入首頁X格的css定義，是不是感覺重復呢？那麼我們該如何去去除這種不必要的重復呢？
首頁X格大多都是在discuz.htm文件內寫入X格代碼，基本上大多數風格都是沒有修改過discuz.htm文件的，css定義寫在css.htm文件內的話，如果我們每套風格都是使用的不同的css.htm文件，那麼我們就要重復寫入。
新的6.0模板添加了css_append.htm文件，那麼我們就可以很好的把它利用起來。我們的風格自定義代碼一般也都是寫在css.htm文件內的，風格包內大家應該很少見到css_append.htm文件（除了官方的幾套風格外），那麼我們就可以在默認的模板文件夾default內的css_append.htm文件內寫入我們的首頁X格的css定義。這樣子，只要其它風格沒有單獨使用css_append.htm文件，都會讀取到這個首頁X格的css定義的。當然，如果你的那個風格需要單獨為首頁X格進行定義，可以修改下css_append.htm文件，單獨傳到這個風格模板文件夾內。是不是感覺挺方便哦。
二、自定義風格變量的添加其實從5.0的模板開始，dz已經加入了這個自定義風格變量的功能。可是，似乎大家都沒有發現，或者說根本就沒有想要用他們。這裡我就和大家一起分享一下這個的使用經驗，以及給我們帶來的便利。
從5.0的萌發到現在，這個功能已經完善了不少，也給我們帶來了極大的便利，那麼到底我們該怎麼很好的利用他們呢？
打開後台，進入論壇設置內的界面風格，隨意點開一個風格的詳情，拉到最下邊，你會發現這裡有一個變量？大家可以看下你自己的風格有使用過這個東東嗎？它到底有什麼作用,到底能解決什麼問題，我們又該在什麼情況下去應用它呢？
現在的模板采用的是div+css的架構方法，對我們修改模板也提供了極大的便利。很多論壇都不止使用一套風格，那麼你有沒有使用幾個風格使用的是同一套模板文件呢？那麼您是否為了處理一些不同而不得不寫出來兩套模板文件呢？雖然是很小的改動，但是也不得不這樣子做呢？
可能大家有一些不了解，那麼我舉個例子先：
假如，你在目前的模板內的.wrap外圍加了一個新的盒子，假設為.mybody，那麼你就需要在css.htm文件內定義它的背景顏色、寬度等，到最後完工之後，如果你想僅僅改變一下顏色，換一種體驗的話，泥灰選擇怎麼做呢？重新改動一下css.htm文件，新增加一套模板套系嗎？如果您有很多種的顏色風格的話，挨個修改，挨個添加，不僅浪費時間，還浪費空間哦。這時，我們利用後台的自定義變量便可以減少這種繁瑣的過程，從而很方便的利用現有的模板套系，在不更改模板css文件的情況下去實現我們想要的效果。
其實大家可以看到，現有的界面風格裡邊的不都是一些變量嗎？只是dz默認的給出了一些常用的，我們也可以定義我們自己的來實現我們的便利。假如你在模板文件內有一個盒子.mybody，要定義它的背景顏色，那麼我們就在相應的模板風格詳情裡邊新增一個變量mybodybg，填入顏色，然後提交，你就會發現你定義的變量已經成功實現：{MYBODYBG}，那麼我們就可以在css.htm文件內這樣子定義mybody的背景了：.mybody {background:{MYBODYBG};},這樣子，如果我們想只要改變它的顏色的話，不用重建一個模板套系，直接在另一個模板內選擇現有的模板套系，新增加這個變量便可以輕松做到了哦。