兔眼看天下｜Pixnet分站

為了要改裝成更有個人特色，我希望能將刊頭原先的藍色色塊換成特定圖片。但Squible的結構很複雜，經查Squible網站之後，有FAQ教學如何在刊頭增加圖片。但是卻沒有教說如何調整圖片的尺寸，以致於我雖然放了張750x160的照片，但是只顯示出750x24大小的區域。下面是在刊頭放置背景圖片的完美作法：

#top {
background: #5087BD;
background: url('http://www.whatever.com/images/headline.jpg') top left no-repeat;
height: 150px;
}

重點在於height，決定了顯示照片的尺寸大小。

一旦照片高度大於原來的24px，則顯示在刊頭的選單高度就變得太高了，需要另外調整選單的起始高度。

建議可在#top值下直接新增#themenu值，自訂選單高度，這樣就不會影響到style.css的設定。

#themenu {
padding-top: 120px;

padding-top的數值是如何決定的？請將height的高度減去30即可。

那麼，該如何將中間色塊取代為特定圖片呢？

同樣地，請在custom.css中，找到#midpanel值，然後新增：

background: url('http://www.whatever.com/images/midpanel.jpg') top left no-repeat;

這樣就可以了。記住，檔名請自取。