增肥了 不不不…是我的 blog 版面變寬了啦∼

西元 2007 年 10 月 5 日 中午 12 點 17 分





上海南京路隨拍

上海南京路隨拍

嘿嘿嘿…總算是把 blog 的版面拉大了,為什麼要拉大?因為這樣才能放更大張的照片呀,之前最大寬度是 450px 的照片 (扣掉照片外框只剩 410px),現在寬度可以放最大到 650px 了!像上面這張照片,是不是比較有震撼力了呢? :D~~

不過這麼大張的照片,隨隨便便一張就衝破 100KB 了,要謹慎使用之呀∼

先前的版面是適用於小螢幕,整個 blog 畫面在 800×600 解析度就可以「完全入鏡」,現在拉大之後,雖然已經塞不下 800×600 的畫面了,但至少可以看到整篇內文。

800 x 600 解析度

800 x 600 解析度

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

1024 x 768 解析度

1024 x 768 解析度

1280 x 800 解析度

1280 x 800 解析度

我是拉寬了 200px,所以改法很蠻簡單:把所有相關的值都加 200。首先是 style.css

#pagewidth:從 760px 改成 960px
#footerwidth:從 760px 改成 960px
#sidebarmargin-left:從 545px 改成 745px
.narrowcolumnwidth:從 450px 改成 650px
.widecolumnwidth:從 450px 改成 650px

另外是 header.php

#headerwidth:從 758px 改成 958px
#headerimgwidth:從 740px 改成 940px

最後是把 <blog_directory>/wp-content/themes/<theme-name>/images 目錄下的

  • kubrickbgwide.jpg
  • kubrickbg.jpg
  • kubrickfooter.jpg
  • kubrickheader.jpg

用影像處理軟體把圖片寬度從 760px 拉寬到 960px,這樣應該就 ok 了。 :)

標籤:







6 則留言 @ “增肥了 不不不…是我的 blog 版面變寬了啦∼”

  1. MyAvatars 0.2 MyBlogLog
    Gravatar

    (這是什麼?)

    大大的好用,可我用ie開啟,首頁有些地方跑掉,「唉依」~

  2. MyAvatars 0.2 MyBlogLog
    Gravatar

    (這是什麼?)

    嗯..這樣的照片看起來真的比較好看耶…我也要回去試試看囉!

  3. MyAvatars 0.2 MyBlogLog
    Gravatar

    (這是什麼?)

    To jute:
    難搞的 IE,我已經忘了當初怎麼弄好的了。 Orz…

    To Christine:
    快點去試! ;)

  4. MyAvatars 0.2 MyBlogLog
    Gravatar

    (這是什麼?)

    [...] 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 版面變寬了啦∼ [...]

  5. MyAvatars 0.2 MyBlogLog
    Gravatar

    (這是什麼?)

    讀者反應我的畫面太小了,而找又不會Css,您幫我看看難不難
    http://tw.myblog.yahoo.com/yosea-yosea/

    謝謝!

  6. MyAvatars 0.2 MyBlogLog
    Gravatar

    (這是什麼?)

    To Yosea:
    Yahoo! 奇摩的版面我不會改,看它有沒有提供內建的其它版面可以選擇吧! ;)

留個言吧!