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

By Selena
at 2008-07-30T06:41
at 2008-07-30T06:41
Table of Contents
※ 引述《aaaawang (大老王)》之銘言:
: 其實我自己是被這問題困擾一段時間
: 我貼在blogger一些圖片是超出width的 所以顯示的時候都會被切到
: 而修改CSS裡面的width常常會造成blogger版模破圖 @@
: 剛剛一番研究 用修改背景的方法解決這問題
: 也順便把Header醜醜的圖片換成漂漂的圖片 lol
: 以下是完整的解說+圖解
: http://superpcwang.blogspot.com/2008/06/blogger.html
: 其實方法很簡單,又可以讓blog整個個人風格跳出來
: Blogger新手可以參考看看
偶然看到這篇,覺得不難想試試看,但試了以後沒辦法像上面連結所顯示的那樣,
所以想問些問題。
一、該文(連結)中所要改的寬度(outer,context & main),我搜尋自己的template
之後,沒有與其完全符合的名字(outer和main有而context沒有),
那這個context的寬度怎辦呢?(我好像是改header的)
因為它該篇主旨有兩件事:A 改上面三個(元件?)的寬度
B 將header換成自訂的圖片(我主要是想用這個但失敗orz)
(我的blog網址 http://tpasworld.blogspot.com/ )
在此先提供改寬度之前的模版1 http://www.badongo.com/file/10618712
而這是改了寬度之後的(原本要試B的,但一直失敗就沒存檔,只有用A而已)
模版2 http://www.badongo.com/file/10618713
(注意:以下問題並無模版可供參考)
二、假設大家幫我解決第一個問題之後,現在來到B這個動作。
我現在有個想作為header背景的圖 http://0rz.tw/ad4uH
請注意該圖像素為 664x593。在該文中有說要把像素改成與context一樣才行,
但是我之前有說我樣板裡面找不到context-wrapper的width,那要怎麼辦呢?
(我看到文章裡面好像是改#header-wrapper裡面的,所以我有試著改看看,
但是都無法成功)
這裡也要請教大家兩個問題:
C 我模版裡面的#header-wrapper下面有兩個背景的url,但我不曉得要改哪一個才是
對的?另外該文中有說要把紅色框框相加為圖片高度(本例為593),想請問一下
要在哪裡更改?因為我沒有單純#header的東西。
D 假使前面問題都解決(知道要改哪裡),但是又會出現一個小問題。在把符合context
寬度的圖片上傳成功之後(以picasa為例),該文章說將「上傳好的網址」放在
該放的地方就好,但是我不曉得上傳好的網址要怎麼得到啊?囧
所以可以麻煩大家跟我說一下嗎?
感謝大家的回覆。orzz
※ 編輯: ThisIsNotKFC 來自: 123.110.6.104 (08/01 01:38)
: 其實我自己是被這問題困擾一段時間
: 我貼在blogger一些圖片是超出width的 所以顯示的時候都會被切到
: 而修改CSS裡面的width常常會造成blogger版模破圖 @@
: 剛剛一番研究 用修改背景的方法解決這問題
: 也順便把Header醜醜的圖片換成漂漂的圖片 lol
: 以下是完整的解說+圖解
: http://superpcwang.blogspot.com/2008/06/blogger.html
: 其實方法很簡單,又可以讓blog整個個人風格跳出來
: Blogger新手可以參考看看
偶然看到這篇,覺得不難想試試看,但試了以後沒辦法像上面連結所顯示的那樣,
所以想問些問題。
一、該文(連結)中所要改的寬度(outer,context & main),我搜尋自己的template
之後,沒有與其完全符合的名字(outer和main有而context沒有),
那這個context的寬度怎辦呢?(我好像是改header的)
因為它該篇主旨有兩件事:A 改上面三個(元件?)的寬度
B 將header換成自訂的圖片(我主要是想用這個但失敗orz)
(我的blog網址 http://tpasworld.blogspot.com/ )
在此先提供改寬度之前的模版1 http://www.badongo.com/file/10618712
而這是改了寬度之後的(原本要試B的,但一直失敗就沒存檔,只有用A而已)
模版2 http://www.badongo.com/file/10618713
(注意:以下問題並無模版可供參考)
二、假設大家幫我解決第一個問題之後,現在來到B這個動作。
我現在有個想作為header背景的圖 http://0rz.tw/ad4uH
請注意該圖像素為 664x593。在該文中有說要把像素改成與context一樣才行,
但是我之前有說我樣板裡面找不到context-wrapper的width,那要怎麼辦呢?
(我看到文章裡面好像是改#header-wrapper裡面的,所以我有試著改看看,
但是都無法成功)
這裡也要請教大家兩個問題:
C 我模版裡面的#header-wrapper下面有兩個背景的url,但我不曉得要改哪一個才是
對的?另外該文中有說要把紅色框框相加為圖片高度(本例為593),想請問一下
要在哪裡更改?因為我沒有單純#header的東西。
D 假使前面問題都解決(知道要改哪裡),但是又會出現一個小問題。在把符合context
寬度的圖片上傳成功之後(以picasa為例),該文章說將「上傳好的網址」放在
該放的地方就好,但是我不曉得上傳好的網址要怎麼得到啊?囧
所以可以麻煩大家跟我說一下嗎?
感謝大家的回覆。orzz
※ 編輯: ThisIsNotKFC 來自: 123.110.6.104 (08/01 01:38)
→ ThisIsNotKFC:標題&之後的補充是我加的,以防以後的人想搜尋 08/01 01:39
Tags:
部落格
All Comments

By Andrew
at 2008-07-30T14:48
at 2008-07-30T14:48
Related Posts
pixnet首頁進不去了 ?

By Caroline
at 2008-07-29T23:42
at 2008-07-29T23:42
無名網誌

By Connor
at 2008-07-29T20:56
at 2008-07-29T20:56
Xuite 的回應無法閱讀?

By Cara
at 2008-07-29T18:19
at 2008-07-29T18:19
上傳無名網誌後消失

By Olivia
at 2008-07-29T16:36
at 2008-07-29T16:36
無名很爛 大家都知道 但是...

By Carolina Franco
at 2008-07-29T16:30
at 2008-07-29T16:30