blogger頁面寬度修改--心得

blogger的樣板的寬度都有點太小了...
可能是因為我的螢幕是用1240*1024的吧
所以我總覺得我的blogger寬度只佔了畫面的一半的感覺...
我們來看看怎麼修改吧~~

要修改的地方主要有三項...#header-wrapper、#content-wrapper、#footer-wrapper
而這三項被包含在#outer-wrapper之下...(這些叫做外層定義的名稱ID)
#outer-wrapper指的是整體頁面大小的相關設定...
#header-wrapper指的是最上方標題的相關設定...
#content-wrapper指的是中間內容的相關設定...
#footer-wrapper指的是頁尾的相關設定
其中#content-wrapper又包含了主要內容(左)和側邊欄(右)兩邊...
分別是#main-wrapper和#sidebar-wrapper...
因此他們的層級的關係大概如下...
- outer-wrapper
　- header-wrapper
　- content-wrapper
　　- main-wrapper
　　- sidebar-wrapper
　- footer-wrapper

接著有幾個屬性的設定你了解了...就能夠自己改囉~~~
width：設定寬度
margin：設定邊界(空白)的大小
padding：設定內容與邊界的距離
background：背景設定
有幾點要注意的地方...

• 寬度總和必須要<=你在上一個層級所設定的大小，如果你不這麼做的話，你可以試看看，會怪怪的@@
• width=margin+padding 這很重要，如果不相等(小於)的話會有一邊(側邊欄)消失
• margin和padding的用法是margin: 1px 2px 3px 4px 分別代表上、右、下、左（可設單位屬性 : 點pt、英寸in、公分cm、像素px、百分比%）
• 背景的部分，將原本的背景改成你所設定的大小，這就是你的工作啦，我無法教你，你改好之後要放到網路空間裡，然後改裡面的url

大致上就是這樣...你就能改出你想要的大小囉~~~^^

PS.每個樣板好像有不同的外層定義名稱...所以你要自己看看你的樣板的定義名稱是什麼囉

reference：
http://abintech.azhai.org/2006/11/template.html
http://chinese-school.netfirms.com/csst10.htm