如何固定網頁元素的大小 - 部落格
By Jake
at 2007-03-25T07:48
at 2007-03-25T07:48
Table of Contents
※ 引述《linces (DonDoThat!)》之銘言:
: 如提
: 我用BLOGGER 的Minima Stretch範本(第一行第二大項
: 發現我把網頁放大時所有的元素欄位也變大了
: 目前完全不知從何改起~~囧
: 請高手指點
這種東西可能對很多人來說很基本,回答起來覺得有點佔版面,不過連續看到很
多人在問類似的問題。
如果有心要寫 blog ,重點在內容,那可以不必太注重版面。
如果想要美觀順心的版面,目前來說,還是要學一點 CSS 比較好。 以 blogger
來說,大多數的版面應該都是
outer-wrapper 裡面包 content-wrapper,然後裡面包 main-wrapper 和
sidebar-wrapper。(有些模板裡面沒有 content-wrapper)
main 裡面放你的主要內容,sidebar 當然就是邊欄了。
這些 wrapper 都是用 div ,你可以想像這是一些盒子。
(有些模板裡面沒有 content-wrapper。就直接outer 包 main 和 sidebar)
所以你要改的就是這幾個盒子的大小和位置。在版面設置的 html 裡改。
寬度是裡面最簡單的,有兩種表示法 百分比(如 70%)和絕對寬度(如 600px)。
border 等等的部份也有關,外加位置有絕對位置和相對位置,還有許多規則
(clear, float 一堆東西),比較複雜,這個就一言難盡了。可以搜
尋網路,或者用view source, firefox 的 web devloper 工具列來看參考別人
的模板。
一個我喜歡的兩欄式樣式(右欄固定寬度,左欄比例)我有筆記,你可以參考
http://weijr-note.blogspot.com/2007/03/css-side-bar_20.html
--
: 如提
: 我用BLOGGER 的Minima Stretch範本(第一行第二大項
: 發現我把網頁放大時所有的元素欄位也變大了
: 目前完全不知從何改起~~囧
: 請高手指點
這種東西可能對很多人來說很基本,回答起來覺得有點佔版面,不過連續看到很
多人在問類似的問題。
如果有心要寫 blog ,重點在內容,那可以不必太注重版面。
如果想要美觀順心的版面,目前來說,還是要學一點 CSS 比較好。 以 blogger
來說,大多數的版面應該都是
outer-wrapper 裡面包 content-wrapper,然後裡面包 main-wrapper 和
sidebar-wrapper。(有些模板裡面沒有 content-wrapper)
main 裡面放你的主要內容,sidebar 當然就是邊欄了。
這些 wrapper 都是用 div ,你可以想像這是一些盒子。
(有些模板裡面沒有 content-wrapper。就直接outer 包 main 和 sidebar)
所以你要改的就是這幾個盒子的大小和位置。在版面設置的 html 裡改。
寬度是裡面最簡單的,有兩種表示法 百分比(如 70%)和絕對寬度(如 600px)。
border 等等的部份也有關,外加位置有絕對位置和相對位置,還有許多規則
(clear, float 一堆東西),比較複雜,這個就一言難盡了。可以搜
尋網路,或者用view source, firefox 的 web devloper 工具列來看參考別人
的模板。
一個我喜歡的兩欄式樣式(右欄固定寬度,左欄比例)我有筆記,你可以參考
http://weijr-note.blogspot.com/2007/03/css-side-bar_20.html
--
Tags:
部落格
All Comments
By Emily
at 2007-03-27T08:55
at 2007-03-27T08:55
Related Posts
請問yahoo文章發表如何換行阿
By Xanthe
at 2007-03-25T03:33
at 2007-03-25T03:33
如何固定網頁元素的大小
By Mia
at 2007-03-24T23:53
at 2007-03-24T23:53
Re: PTT Blog板友簽到簿(PTTBlogRolling!)
By Dinah
at 2007-03-24T23:33
at 2007-03-24T23:33
WordPress的標題和使用者不能取中文嗎
By Doris
at 2007-03-24T18:54
at 2007-03-24T18:54
Blogger欄位修改的問題
By Daph Bay
at 2007-03-24T16:10
at 2007-03-24T16:10