追蹤
年輕.就該這樣
關於部落格
樂活,慢活,好好過活
~把酸甜苦辣都裝進來~
  • 84550

    累積人氣

  • 1

    今日人氣

    1

    追蹤人氣

更改天空部落網誌版面小筆記

首先我找到一篇paulpan寫的網誌,他說將頁面大小設定為1024px,內文部份設定為800px即可,但我照樣設定之後,發現右邊的自訂欄位會被擠到下方去,也就是說1024px的頁面並不符合我的設定需求

因此我嚐試了加寬頁面設定

目前為止還算成功,效果也還算滿意

以下是我的設定條件



1. 在部落格整體框架裡,將版面大小設定為1100px

由下圖可看出,在這裡是設定整個部落格頁面總寬度,包含了網誌內文和右手邊的自訂欄位(我選擇的是兩欄式頁面)




2.在Banner的部份,也將寬度設為1100px

由下圖也可知道,Banner是在整個網頁的最上端,寬度也要和整體框架一樣設為1100px,才不會出現上下圖有位差的樣子,另外我修改了Banner的背景圖案,將我拍攝的照片裁切,縮圖至1024*336大小,所以我也設定高度為336px,以免下半部的圖片被吃掉




3. 在中間的大區塊部份-大區塊設定也將寬度設為1100px

這部份是在調整網頁中間的部份,寬度當然也要跟上面的Banner一樣囉




4.在中間的大區塊-內文區塊設定這裡,將寬度設定為800px

這裡就是寫網誌的地方了,為了能放進800*600的照片,所以當然要把寬度設定為800囉,不過這裡可以把它想成是整體網誌內文的大框框,所以後續還要針對大框框的頭部和肚子設定寬度




5. 中間的大區塊-標題區,這裡也是設定寬度為800px


承上,網誌的標題部份要與大框匡同寬,才不會有圖文錯位的問題




6. 最最重點的內容區,當然寬度也是800px

如上,頭都一樣寬了,肚子不一樣寬是能看嗎?






以上是目前我的一些設定,但還有些不完美的地方

因為內文的背景還有一細一粗的直線沒處理掉

找遍了樣版小幫手裡沒有可移除的背景圖案

可能要去修改CSS吧

但其實不移除掉也沒擋到文字的視線

反而還讓白色的背景不那麼單調

就先留著吧(笑)


相簿設定
標籤設定
相簿狀態