Monday, October 27, 2008

三欄式新版面

之前一直想改成3個欄位的版面,今天終於下定決心來做這件事,花了好幾小時,終於改成想要的樣子。現在來提供一點心得:

Create a three column Blogger template
依上述文章可以很容易地把左邊的sidebar設定出來,不過欄位可能被蓋住或沒有排成三欄,必須手動調整每個物件邊界大小。網路上也有許多現成的template,不過這可能會使已經裝好的widgets消失。

經過幾小時的嘗試,終於了解設定邊界的訣竅:
2 sidebar-wrapper width + main-wrapper width + main-wrapper left margin + main-wrapper right margin = outer-wrapper width

假如公式兩邊不相等,就會有多出的空白或無法並排成三欄。設定用相對寬度(%)比絕對寬度(px)方便,可參考Build a Three-Column Blogger Template! 裡的例子。

2 comments:

Anonymous said...

拍拍手!
會用語法改版面還真的很厲害!

之前我改自己的版面弄半天弄不出國結果來,最後還是用懶人包套用可接受的版面

Kamom said...

謝謝,不過也是花很久才改好的。我所有問題都是靠google,它沒幫我找到懶人包我也沒辦法。