增肥了 不不不…是我的 blog 版面變寬了啦∼
西元 2007 年 10 月 5 日 中午 12 點 17 分
上海南京路隨拍
嘿嘿嘿…總算是把 blog 的版面拉大了,為什麼要拉大?因為這樣才能放更大張的照片呀,之前最大寬度是 450px 的照片 (扣掉照片外框只剩 410px),現在寬度可以放最大到 650px 了!像上面這張照片,是不是比較有震撼力了呢? :D~~
不過這麼大張的照片,隨隨便便一張就衝破 100KB 了,要謹慎使用之呀∼
先前的版面是適用於小螢幕,整個 blog 畫面在 800×600 解析度就可以「完全入鏡」,現在拉大之後,雖然已經塞不下 800×600 的畫面了,但至少可以看到整篇內文。

800 x 600 解析度
而 1024×768 和 1280×800 解析度都可以全部「入鏡」。

1024 x 768 解析度

1280 x 800 解析度
我是拉寬了 200px,所以改法很蠻簡單:把所有相關的值都加 200。首先是 style.css:
#page的width:從760px改成960px
#footer的width:從760px改成960px
#sidebar的margin-left:從545px改成745px
.narrowcolumn的width:從450px改成650px
.widecolumn的width:從450px改成650px
另外是 header.php:
#header的width:從758px改成958px
#headerimg的width:從740px改成940px
最後是把 <blog_directory>/wp-content/themes/<theme-name>/images 目錄下的
kubrickbgwide.jpgkubrickbg.jpgkubrickfooter.jpgkubrickheader.jpg
用影像處理軟體把圖片寬度從 760px 拉寬到 960px,這樣應該就 ok 了。
標籤:Blog、CSS、Nanjing_road、Nikon D80、Shanghai、WordPress、WordPress theme
(這是什麼?)
西元 2007 年 10 月 5 日 at 5:54 pm
大大的好用,可我用ie開啟,首頁有些地方跑掉,「唉依」~
(這是什麼?)
西元 2007 年 10 月 6 日 at 3:35 pm
嗯..這樣的照片看起來真的比較好看耶…我也要回去試試看囉!
(這是什麼?)
西元 2007 年 10 月 8 日 at 1:23 am
To jute:
難搞的 IE,我已經忘了當初怎麼弄好的了。 Orz…
To Christine:
快點去試!
(這是什麼?)
西元 2007 年 11 月 27 日 at 1:12 pm
[...] This is the cached version of http://sanwangx.info/archives/2007_10/05_353/ We are neither affiliated with the authors of this page nor responsible for its content. 增肥了 不不不…是我的 blog 版面變寬了啦∼ [...]
(這是什麼?)
西元 2008 年 3 月 22 日 at 7:46 am
讀者反應我的畫面太小了,而找又不會Css,您幫我看看難不難
http://tw.myblog.yahoo.com/yosea-yosea/
謝謝!
(這是什麼?)
西元 2008 年 3 月 22 日 at 11:46 pm
To Yosea:
Yahoo! 奇摩的版面我不會改,看它有沒有提供內建的其它版面可以選擇吧!