在剛建立好Blogger時,會發現顯示頁面不夠寬,預設顯示頁面只有660的寬度而已(根據所選原始模版不同,各別可能的預設值也會不同)。如果想要加寬頁面顯示寬度的話,就得動手改一改了。 下面者,原預設是660,視所需顯示頁面大小將之更改:
要復原模版,可以在『從硬碟的檔案裡上載模版』右方文字格中輸入自己電腦中的完整模版儲存路徑,或按右方『瀏覽...』鈕進入挑選。最後,再按『上載』鈕即可。/* Header
-----------------------------------------------
*/
#header-wrapper {
width:1000px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
下面者,預設為700,此處可不改。#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:1040px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}
下面者,預設為660。/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 1000px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
下面為文章內容的寬度設定,預設為410。
當然,你也可以改Sidebar的寬度,預設為220。我沒改,要改的話,要注意與上方main-wrapper者之加總,不可超過Outer-Wrapper之寬度設定。#main-wrapper {
width: 750px;
float: $startSide;
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;
float: $endSide;
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 */
}
2008年12月19日 星期五
擴展Blogger版面寬度
訂閱:
張貼留言 (Atom)
沒有留言:
張貼留言