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

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

--

All Comments

Megan avatarMegan2008-08-03
謝謝您的回覆,小弟來試試看 :)
Enid avatarEnid2008-08-06
還是不行改header圖 :(,有改了#header-wrapper下面
Dorothy avatarDorothy2008-08-06
兩個背景的url都沒有反應。不過放在#outer背景上就
Liam avatarLiam2008-08-11
有出現,不過只有到sidebar而已就被切掉了。想問一下
Ethan avatarEthan2008-08-15
雖然是有找到context-wrapper,但底下卻沒有width的
Dora avatarDora2008-08-16
地方可以改,如果要改要怎麼改呢?(還是改main跟side-
bar的就好?!)另外就是關於header的背景,究竟是要怎
Megan avatarMegan2008-08-17
麼下手呢? 麻煩了 ^^"
David avatarDavid2008-08-21
謝謝您不吝指教,我試看看 :)
Rachel avatarRachel2008-08-22
感謝您,成功了!!! ^^