簡單修改Blogger的版模寬度(width) - 部落格

By Oscar
at 2008-07-30T20:34

Table of Contents

※ 引述《ThisIsNotKFC ()》之銘言：

推 ThisIsNotKFC:謝謝您的回覆，小弟來試試看 :) 07/30 17:53

推 ThisIsNotKFC:還是不行改header圖 :(，有改了#header-wrapper下面 07/30 19:53

→ ThisIsNotKFC:兩個背景的url都沒有反應。不過放在#outer背景上就 07/30 19:54

→ ThisIsNotKFC:有出現，不過只有到sidebar而已就被切掉了。想問一下 07/30 19:55

→ ThisIsNotKFC:雖然是有找到context-wrapper，但底下卻沒有width的 07/30 19:56

→ ThisIsNotKFC:地方可以改，如果要改要怎麼改呢?(還是改main跟side- 07/30 19:57

→ ThisIsNotKFC:bar的就好?!)另外就是關於header的背景，究竟是要怎 07/30 19:57

→ ThisIsNotKFC:麼下手呢? 麻煩了 ^^" 07/30 19:58

我想你沒有看懂我上一篇所說的
css裡有沒有content可改都不會影響到你要的效果
你參考的教學文裡面有是因為他的css裡有用到
你模板的css跟他不一樣，所以不用去管content如何
如果你高興要自己加上去也可以(前提是範本裡要有<div id='content-wrapper'>)
但其實沒有這個必要

你只要先把outer(整個網誌的外框)、main(文章)、sidebar(側欄)
這三個寬度先固定好
(原則上outer大於等於main+sidebar)

再來確定新的header圖寬度跟outer的新寬度一樣
傳到可外連的空間
然後header-wrapper或header-inner選一個background取代掉
url()的後面還有一些參數，那些東西也要根據自己要的效果一併調整

完全沒有參數就是要重複拼貼
no-repeat就是不要重複拼貼
repeat-x 往橫的方向重複拼貼
repeat-y 往直的方向重複拼貼
bottom 背景圖從最底下開始
top 從最上方開始
left 從最左方開始
right 從最右方開始
center 從中間開始
fixed 浮水印，讓圖片不會隨捲軸滾動

也就是說如果有一句語法是這樣：
background: url() #000 repeat-x bottom;
就代表這張圖片會在該區域的底下往x軸重複拼貼
剩下的地方則是用#000(黑色)補滿

--
http://lingshu1005.blogspot.com/
something about my life

--

Tags: 部落格