作者chhs (星風寫語)
看板Blog
標題Re: [Blogger] 自動縮放版面
時間Sun Jul 12 23:29:48 2009
※ 引述《mickjack (Asix6)》之銘言：
: 這是個來自Norway的Blogger，不過礙於語言障礙...小弟現在沒辦法溝通(遮臉
: http://ivarivrig.blogspot.com/2009/07/skywatch-friday.html
自己有稍微改過
參考之前版友文章
主要是利用**px(應該是像素之類)改成**%(改成比例)
作者 etrexetrex (ETREX) 看板 Blog
標題 Re: [問題] blogger的 blog 文章 大小
時間 Sat Mar 3 15:23:48 2007
───────────────────────────────────────
※ 引述《Brien (B-jam)》之銘言：
: ※ 引述《etrexetrex (ETREX)》之銘言：
在範本-修改html裡
找到
#outer-wrapper {
←尋找這一串 註：這是整個blogger網頁的範圍
width:
660px;
我是改成width: 85%;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
註：這是文章的大小
width:
410px;
參考70% PS.與測邊列加起來要小於100%
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar
float */
}
#sidebar-wrapper {
這是側邊列
width:
220px;
參考24%
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar
float */
}
其中的三個 width: 分別影響的區塊不同
你可以隨便調一調看看產生什麼變化
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.33.76.90
1F：→ chhs:PS只是調整版面大小 07/12 23:34
※ 編輯: chhs 來自: 114.33.76.90 (07/12 23:37)
※ 編輯: chhs 來自: 114.33.76.90 (07/12 23:39)
※ 編輯: chhs 來自: 114.33.76.90 (07/13 00:19)
2F：推 jtmh:推，剛看了原 po 說的那的 blog 原始碼，他也是有改這些地方 07/13 06:10
3F：→ chhs:解決了就好:P 07/30 09:53
4F：推 sizumaru:感謝！ 12/21 00:02