Amy's Blog

圖一(720×300)此為縮小例：用於Banner

圖二(720×100)此為縮小例：用於footer

(一) 設定banner
#banner {
height:200px; /* banner的高度；請自行調整*/
background:url(圖片路徑) no-repeat 0% 0%; /*banner圖；圖一*/
padding-top:75px; /*調整文字的位置*/
padding-left: 50px; /*調整文字的位置*/
}

(二)設定#container1
#container1 {
width: 720px; /*設定寬度與banner相同*/
background: #fff; /*背景顏色*/
margin: 0px auto; /*讓整個文件置中*/
padding: 0px;
}

(三)設定#footer
#footer {
background:url(圖片路徑);
height: 100px;
}

最後找一張合適的背景圖放在
body {
background:url(圖片路徑);
}
現在可以先看看成果囉！版面看起來是不是不一樣了^^

請看整個範例，整個網誌的感覺就是如此：

請到amy玩誌樂園看實際範例，
因為只當範例，所以我沒有做整體的修改，有些地方顏色怪怪的請多包涵。
展示範例期間：4/29~5/1
( 抱歉， 因為我還要試玩不一樣的版面，所以範例就不放太久^^ )