<< 人文精神 | 回blog首頁 | 我的巴布 >>

2007年06月25日

改版記事~版面加寬

  • 原版面寬度是樂多常見的770px，為了以後能在首頁放大張的圖片，所以改成880px寬的版面，因為我用約word的12級字，寬版面也利於首頁文字閱讀。
  • 版面寬首先要到  container這兒改寬度成880px，再來banner也要跟著改880px，放文章的地方，content處跟著加寬(880與770之間的差距共加110px，最後，右側邊欄的位置也要一起改，不然會停在原位沒跟著變，也是依等距加110px的距離固定位置，其餘覺得間距很ok不想做任何更動，完成。
  • 看似簡單，但超出我平日常改的範圍，所以摸索了一陣子，因為對原來的版面愈來愈厭倦，沒辦法只好再學如何調整，幸好網路上有不少教學文章，感謝google大神。


Posted by adcopywriter at 樂多Roodo! │11:02 │回應(7) │引用(0) │部落足跡
樂多分類：生活 工具：編輯本文
Ads by Roodo! 

引用URL

http://cgi.blog.roodo.com/trackback/3526097
回應文章

我把網頁的原始碼e-mail給你 請幫忙版面加寬
我依照你說的方法測試 還是不行 所以請你幫忙
改過之處 請用紅色標示 在e-mail給我
將感恩不盡
~我已試過很多方法了~
謝謝！！

html{
scrollbar-3Dlight-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-arrow-color:#523621;
scrollbar-face-color:#EAD8A6;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color:#333333;
scrollbar-darkshadow-color:#331B13
}

BODY {
Font-Family: Arial, Helvetica, sans-serif;
MARGIN: 0px;
WIDTH: 100%;
COLOR: #FFFFFF;
HEIGHT: 100%;
TEXT-ALIGN: center;
font-size: 12px;
background-color: #FFFFFF;
}

A {
COLOR: #333333;
TEXT-DECORATION: underline
}
A:link {
COLOR: #333333;
TEXT-DECORATION: underline
}
A:visited {
COLOR: #333333;
TEXT-DECORATION: underline
}
A:active {}
A:hover {
COLOR: #660000;
TEXT-DECORATION: none
}

A.acalendar {
COLOR: #CC0000;
TEXT-DECORATION: underline
}
A.acalendar:link {
COLOR: #990000;
TEXT-DECORATION: underline
}
A.acalendar:visited {
TEXT-DECORATION: underline;
color: #CCCC00;
}
A.acalendar:active {}
A.acalendar:hover {
COLOR: #CC0000;
TEXT-DECORATION: none
}

A.acontinues {
COLOR: #990000;
TEXT-DECORATION: underline
}
A.acontinues:link {
COLOR: #523621;
TEXT-DECORATION: underline
}
A.acontinues:visited {
TEXT-DECORATION: underline;
color: #333333;
}
A.acontinues:active {}
A.acontinues:hover {
COLOR: #333333;
TEXT-DECORATION: none
}

A.amenu {
COLOR: #333333;
TEXT-DECORATION: none
}
A.amenu:link {
COLOR: #333333;
TEXT-DECORATION: none
}
A.amenu:visited {
TEXT-DECORATION: none;
color: #333333;
}
A.amenu:active {}
A.amenu:hover {
COLOR: #660000;
TEXT-DECORATION: underline
}

#container {
MARGIN: 0px auto;
WIDTH: 770px;
TEXT-ALIGN: center;
}
#banner {
WIDTH: 770px;
height: 271px;
background-image: url(http://blog.roodo.com/monkeys/f5969641.jpg);
background-repeat: no-repeat;
}
#subbanner {}
#banner A {
COLOR: #523621;
TEXT-DECORATION: none
}
#banner A:link {
COLOR: #523621;
TEXT-DECORATION: none;
}
#banner A:visited {
TEXT-DECORATION: none;
color: #523621;
}
#banner A:active {
}
#banner A:hover {
COLOR: #A5362B;
TEXT-DECORATION: underline;
}

#subbanner A {COLOR: #cccccc; TEXT-DECORATION: none}
#subbanner A:link {COLOR: #cccccc; TEXT-DECORATION: none}
#subbanner A:visited {TEXT-DECORATION: none}
#subbanner A:active {}
#subbanner A:hover {COLOR: #cccccc; TEXT-DECORATION: underline}

H1 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
H2 {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
font-size: 12px;
font-style: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
H3 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}

.blogtitle {
FONT-WEIGHT: normal;
FONT-SIZE: 15px;
PADDING-TOP: 30px;
TEXT-ALIGN: left;
margin-bottom: 5px;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #000000;
padding-left: 50px;
}
.description {
FONT-SIZE: 11px;
COLOR: #523621;
TEXT-ALIGN: left;
padding-right: 20px;
padding-top: 10px;
padding-left: 50px;
}
#content {
FLOAT: right;
width: 530px;
}
.blog {
width: 100%;
}
.date {
FONT-SIZE: 12px;
COLOR: #333333;
font-weight: normal;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
padding-top: 5px;
padding-left: 10px;
height: 20px;
}
.blogbody {
margin-bottom: 20px;



}
.title {
FONT-SIZE: 15px;
COLOR: #333333;
font-weight: normal;
text-align: left;
padding-top: 2.px;
padding-right: 5px;
padding-top: 10px;
background-image: url(http://blog.roodo.com/monkeys/018f158a.gif);
padding-bottom: 10px;
padding-left: 50px;
}
.main {
FONT-SIZE: 13px;
COLOR: #333333;
LINE-HEIGHT: 180%;
padding-right: 10px;
padding-bottom: 20px;
padding-left: 20px;
padding-top: 20px;
text-align: left;
height: 100%;
background-image: url(http://blog.roodo.com/monkeys/77029d15.gif);
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
}
.main-continues {FONT-SIZE: 13px}

.posted {
font-size: 11px;
COLOR: #333333;
TEXT-ALIGN: right;
padding-top: 5px;
padding-left: 10px;
padding-right: 5px;
background-color: #EAD8A6;
margin-bottom: 0px;
padding-bottom: 8px;
}
A.aposted {
FONT-WEIGHT: none;
COLOR: #333333;
TEXT-DECORATION: none
}
A.aposted:link {
FONT-WEIGHT: none;
COLOR: #333333;
TEXT-DECORATION: none
}
A.aposted:visited {
FONT-WEIGHT: none;
COLOR: #333333;
TEXT-DECORATION: none
}
A.aposted:active {FONT-WEIGHT: none}
A.aposted:hover {
FONT-WEIGHT: none;
COLOR: #660000;
TEXT-DECORATION: none;
}

.menu {
FONT-SIZE: 12px;
COLOR: #FFFFFF;
TEXT-ALIGN: right;
padding-right: 0px;
}
.comments-head {
PADDING-LEFT: 50px;
FONT-SIZE: 15px;
COLOR: #333333;
text-align: left;
padding-right: 5px;
padding-top: 10px;
height: 30px;
background-image: url(http://blog.roodo.com/monkeys/018f158a.gif);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}
.comments-body {
FONT-SIZE: 12px;
LINE-HEIGHT: 150%;
color: #333333;
text-align: left;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
background-image: url(http://blog.roodo.com/monkeys/77029d15.gif);
}
.comments-post {
FONT-SIZE: 12px;
MARGIN: 0px 0px 25px;
COLOR: #333333;
TEXT-ALIGN: right;
background-color: #EAD8A6;
padding-right: 10px;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 5px;
}
.trackback-url {
FONT-WEIGHT: normal;
FONT-SIZE: 13px;
COLOR: #333333;
padding: 5px 10px 5px 0px;
text-align: right;
}
.trackback-body {
FONT-SIZE: 12px;
LINE-HEIGHT: 135%;
color: #333333;
padding: 5px 10px 5px 20px;
text-align: left;
background-color: #F5F2ED;
}
.trackback-post {
FONT-SIZE: 12px;
MARGIN: 0px 0px 20px;
COLOR: #333333;
TEXT-ALIGN: right;
padding-bottom: 2px;
padding-right: 5px;
padding-left: 5px;
background-color: #EAD8A6;
padding-top: 2px;
}

A.atrackback-post {
COLOR: #333333;
TEXT-DECORATION: none
}
A.atrackback-post:link {
COLOR: #333333;
TEXT-DECORATION: none
}
A.atrackback-post:visited {
COLOR: #333333;
TEXT-DECORATION: none
}
A.atrackback-post:active {}
A.atrackback-post:hover {
COLOR: #333333;
text-decoration: underline;
}

TABLE.form {
MARGIN: 20px 0px 20px 0px;
text-align: left;
border: 1px solid #4D372F;
}
LABEL {
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
color: #333333;
}
#author {
WIDTH: 200px;
border: ##4D372F 1px solid;
background-color: #FFFFFF;
height: 15px;
font-size: 12px;
color: #990000;
}
#email {
WIDTH: 200px;
border: ##4D372F 1px solid;
background-color: #FFFFFF;
height: 15px;
font-size: 12px;
color: #990000;
}
#url {
WIDTH: 200px;
border: ##4D372F 1px solid;
background-color: #FFFFFF;
height: 15px;
font-size: 12px;
color: #990000;
}
#text {
WIDTH: 480px;
HEIGHT: 100px;
background-color: #FFFFFF;
border: #4D372F 1px solid;
font-size: 12px;
color: #990000;
}

.pagetop {
FONT-SIZE: 12px;
TEXT-ALIGN: left;
margin-top: 20px;
width: 100%;
color: #990000;
margin-left: 30px;
}
#links {
FLOAT: left;
WIDTH: 200px;
padding-bottom: 10px;
color: #333333;
text-align: center;
margin-top: 25px;
}
.calendarhead {
FONT-SIZE: 11px;
COLOR: #333333;
PADDING-TOP: 40px;
TEXT-ALIGN: center;
font-family: Arial, Helvetica, sans-serif;
width: 100%;
background-image: url(http://blog.roodo.com/monkeys/3bbadcdf.gif);
background-repeat: no-repeat;
background-position: right;
}
.calendartable {
WIDTH: 100%;
PADDING-TOP: 5px;
TEXT-ALIGN: center;
height: 80px;
border-bottom-color: #FFFFFF;
border-bottom-style: solid;
border-bottom-width: 1px;
border-right-color: #FFFFFF;
border-left-color: #FFFFFF;
border-right-style: solid;
border-left-style: solid;
border-left-width: 1px;
border-right-width: 1px;
padding-right: 5px;
padding-left: 5px;
margin-bottom: 10px;
background-image: url(http://blog.roodo.com/monkeys/77029d15.gif);
}
.calendarweek {
FONT-SIZE: 10px;
COLOR: #333333;
TEXT-ALIGN: left;
padding-left: 3px;
}
.calendarwd {
border-top-color: #FFFFFF;
border-top-style: solid;
border-top-width: 1px;
}
.calendard {
empty-cells: show;
}
.calendardbg {
height: 10px;
}
.calendar {
FONT-SIZE: 10px;
color: #333333;
line-height: 100%;
padding-left: 3px;
}

.sidetitle {
FONT-SIZE: 11px;
COLOR: #333333;
TEXT-ALIGN: center;
width: 200px;
background-image: url(http://blog.roodo.com/monkeys/3bbadcdf.gif);
background-repeat: no-repeat;
padding-top: 20px;
background-position: right bottom;
padding-bottom: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}
.side {
FONT-SIZE: 12px;
PADDING-BOTTOM: 5px;
LINE-HEIGHT: 150%;
TEXT-ALIGN: left;
color: #523621;
width: 180px;
padding-right: 10px;
padding-left: 10px;
margin-bottom: 20px;
background-image: url(http://blog.roodo.com/monkeys/77029d15.gif);
padding-top: 10px;
}

A.aside {
COLOR: #333333;
TEXT-DECORATION: underline
}
A.aside:link {
COLOR: #333333;
TEXT-DECORATION: underline
}
A.aside:visited {
TEXT-DECORATION: underline;
color: #333333;
}
A.aside:hover {
COLOR: #660000;
TEXT-DECORATION: none;
}

A.arss {COLOR: #dddddd; TEXT-DECORATION: underline}
A.arss:link {COLOR: #2d8d5f; TEXT-DECORATION: underline}
A.arss:visited {COLOR: #80b59c; TEXT-DECORATION: underline}
A.arss:active {}
A.arss:hover {COLOR: #bababa; TEXT-DECORATION: none}

.pict {MARGIN: 5px 5px 5px 5px;}
.photo {
TEXT-ALIGN: center;
padding: 8px;
background-position: left top;
margin: 0px;
}
.nickname {
FONT-SIZE: 12px;
COLOR: #660000;
text-align: center;
width: 100%;
}
.message {
FONT-SIZE: 12px;
color: #333333;
padding-left: 5px;
padding-right: 5px;
}
.quotetable {}
.quote {PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-SIZE: 12px; PADDING-BOTTOM: 1px; COLOR: #666666; PADDING-TOP: 1px}
.blogtimes {MARGIN: 0px 0px 15px; TEXT-ALIGN: center}
.powered {
TEXT-ALIGN: center;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
padding-top: 5px;
padding-bottom: 5px;
}
.syndicate {
TEXT-ALIGN: center;
padding-top: 20px;
}
.checkers {
MARGIN-TOP: 5px;
FONT-SIZE: 12px;
float: left;
Posted by monkey at 2009年12月16日 15:17

嗨

剛剛測試一下你的css
(這應該是還沒改之前的吧?)

你要讓內文那裡加寬
#content {
width: 530px;

你的部落格整體外框也要跟著加寬(不然會整個下移跑掉)
#container
WIDTH: 770px;

因你的邊欄只有單邊
.side
width: 180px;
所以180px不用乘以2

再試試吧
Posted by alice at 2009年12月18日 09:52

依你的css
修改成這樣
試過 是可以的
(在剛那幾個地方改過 及內文字體大小)

html{
scrollbar-3Dlight-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-arrow-color:#523621;
scrollbar-face-color:#EAD8A6;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color:#333333;
scrollbar-darkshadow-color:#331B13
}

BODY {
Font-Family: Arial, Helvetica, sans-serif;
MARGIN: 0px;
WIDTH: 100%;
COLOR: #FFFFFF;
HEIGHT: 100%;
TEXT-ALIGN: center;
font-size: 12px;
background-color: #FFFFFF;
}

A {
COLOR: #333333;
TEXT-DECORATION: underline
}
A:link {
COLOR: #333333;
TEXT-DECORATION: underline
}
A:visited {
COLOR: #333333;
TEXT-DECORATION: underline
}
A:active {}
A:hover {
COLOR: #660000;
TEXT-DECORATION: none
}

A.acalendar {
COLOR: #CC0000;
TEXT-DECORATION: underline
}
A.acalendar:link {
COLOR: #990000;
TEXT-DECORATION: underline
}
A.acalendar:visited {
TEXT-DECORATION: underline;
color: #CCCC00;
}
A.acalendar:active {}
A.acalendar:hover {
COLOR: #CC0000;
TEXT-DECORATION: none
}

A.acontinues {
COLOR: #990000;
TEXT-DECORATION: underline
}
A.acontinues:link {
COLOR: #523621;
TEXT-DECORATION: underline
}
A.acontinues:visited {
TEXT-DECORATION: underline;
color: #333333;
}
A.acontinues:active {}
A.acontinues:hover {
COLOR: #333333;
TEXT-DECORATION: none
}

A.amenu {
COLOR: #333333;
TEXT-DECORATION: none
}
A.amenu:link {
COLOR: #333333;
TEXT-DECORATION: none
}
A.amenu:visited {
TEXT-DECORATION: none;
color: #333333;
}
A.amenu:active {}
A.amenu:hover {
COLOR: #660000;
TEXT-DECORATION: underline
}

#container {
MARGIN: 0px auto;
WIDTH: 880px;
TEXT-ALIGN: center;
}
#banner {
WIDTH: 880px;
height: 271px;
background-image: url(http://blog.roodo.com/monkeys/f5969641.jpg);
background-repeat: no-repeat;
}
#subbanner {}
#banner A {
COLOR: #523621;
TEXT-DECORATION: none
}
#banner A:link {
COLOR: #523621;
TEXT-DECORATION: none;
}
#banner A:visited {
TEXT-DECORATION: none;
color: #523621;
}
#banner A:active {
}
#banner A:hover {
COLOR: #A5362B;
TEXT-DECORATION: underline;
}

#subbanner A {COLOR: #cccccc; TEXT-DECORATION: none}
#subbanner A:link {COLOR: #cccccc; TEXT-DECORATION: none}
#subbanner A:visited {TEXT-DECORATION: none}
#subbanner A:active {}
#subbanner A:hover {COLOR: #cccccc; TEXT-DECORATION: underline}

H1 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
H2 {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
font-size: 12px;
font-style: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
H3 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}

.blogtitle {
FONT-WEIGHT: normal;
FONT-SIZE: 15px;
PADDING-TOP: 30px;
TEXT-ALIGN: left;
margin-bottom: 5px;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #000000;
padding-left: 50px;
}
.description {
FONT-SIZE: 11px;
COLOR: #523621;
TEXT-ALIGN: left;
padding-right: 20px;
padding-top: 10px;
padding-left: 50px;
}
#content {
FLOAT: right;
width: 640px;
}
.blog {
width: 100%;
}
.date {
FONT-SIZE: 12px;
COLOR: #333333;
font-weight: normal;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
padding-top: 5px;
padding-left: 10px;
height: 20px;
}
.blogbody {
margin-bottom: 20px;



}
.title {
FONT-SIZE: 15px;
COLOR: #333333;
font-weight: normal;
text-align: left;
padding-top: 2.px;
padding-right: 5px;
padding-top: 10px;
background-image: url(http://blog.roodo.com/monkeys/018f158a.gif);
padding-bottom: 10px;
padding-left: 50px;
}
.main {
FONT-SIZE: 15px;
COLOR: #333333;
LINE-HEIGHT: 180%;
padding-right: 10px;
padding-bottom: 20px;
padding-left: 20px;
padding-top: 20px;
text-align: left;
height: 100%;
background-image: url(http://blog.roodo.com/monkeys/77029d15.gif);
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
}
.main-continues {FONT-SIZE: 13px}

.posted {
font-size: 11px;
COLOR: #333333;
TEXT-ALIGN: right;
padding-top: 5px;
padding-left: 10px;
padding-right: 5px;
background-color: #EAD8A6;
margin-bottom: 0px;
padding-bottom: 8px;
}
A.aposted {
FONT-WEIGHT: none;
COLOR: #333333;
TEXT-DECORATION: none
}
A.aposted:link {
FONT-WEIGHT: none;
COLOR: #333333;
TEXT-DECORATION: none
}
A.aposted:visited {
FONT-WEIGHT: none;
COLOR: #333333;
TEXT-DECORATION: none
}
A.aposted:active {FONT-WEIGHT: none}
A.aposted:hover {
FONT-WEIGHT: none;
COLOR: #660000;
TEXT-DECORATION: none;
}

.menu {
FONT-SIZE: 12px;
COLOR: #FFFFFF;
TEXT-ALIGN: right;
padding-right: 0px;
}
.comments-head {
PADDING-LEFT: 50px;
FONT-SIZE: 15px;
COLOR: #333333;
text-align: left;
padding-right: 5px;
padding-top: 10px;
height: 30px;
background-image: url(http://blog.roodo.com/monkeys/018f158a.gif);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}
.comments-body {
FONT-SIZE: 12px;
LINE-HEIGHT: 150%;
color: #333333;
text-align: left;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
background-image: url(http://blog.roodo.com/monkeys/77029d15.gif);
}
.comments-post {
FONT-SIZE: 12px;
MARGIN: 0px 0px 25px;
COLOR: #333333;
TEXT-ALIGN: right;
background-color: #EAD8A6;
padding-right: 10px;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 5px;
}
.trackback-url {
FONT-WEIGHT: normal;
FONT-SIZE: 13px;
COLOR: #333333;
padding: 5px 10px 5px 0px;
text-align: right;
}
.trackback-body {
FONT-SIZE: 12px;
LINE-HEIGHT: 135%;
color: #333333;
padding: 5px 10px 5px 20px;
text-align: left;
background-color: #F5F2ED;
}
.trackback-post {
FONT-SIZE: 12px;
MARGIN: 0px 0px 20px;
COLOR: #333333;
TEXT-ALIGN: right;
padding-bottom: 2px;
padding-right: 5px;
padding-left: 5px;
background-color: #EAD8A6;
padding-top: 2px;
}

A.atrackback-post {
COLOR: #333333;
TEXT-DECORATION: none
}
A.atrackback-post:link {
COLOR: #333333;
TEXT-DECORATION: none
}
A.atrackback-post:visited {
COLOR: #333333;
TEXT-DECORATION: none
}
A.atrackback-post:active {}
A.atrackback-post:hover {
COLOR: #333333;
text-decoration: underline;
}

TABLE.form {
MARGIN: 20px 0px 20px 0px;
text-align: left;
border: 1px solid #4D372F;
}
LABEL {
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
color: #333333;
}
#author {
WIDTH: 200px;
border: ##4D372F 1px solid;
background-color: #FFFFFF;
height: 15px;
font-size: 12px;
color: #990000;
}
#email {
WIDTH: 200px;
border: ##4D372F 1px solid;
background-color: #FFFFFF;
height: 15px;
font-size: 12px;
color: #990000;
}
#url {
WIDTH: 200px;
border: ##4D372F 1px solid;
background-color: #FFFFFF;
height: 15px;
font-size: 12px;
color: #990000;
}
#text {
WIDTH: 480px;
HEIGHT: 100px;
background-color: #FFFFFF;
border: #4D372F 1px solid;
font-size: 12px;
color: #990000;
}

.pagetop {
FONT-SIZE: 12px;
TEXT-ALIGN: left;
margin-top: 20px;
width: 100%;
color: #990000;
margin-left: 30px;
}
#links {
FLOAT: left;
WIDTH: 200px;
padding-bottom: 10px;
color: #333333;
text-align: center;
margin-top: 25px;
}
.calendarhead {
FONT-SIZE: 11px;
COLOR: #333333;
PADDING-TOP: 40px;
TEXT-ALIGN: center;
font-family: Arial, Helvetica, sans-serif;
width: 100%;
background-image: url(http://blog.roodo.com/monkeys/3bbadcdf.gif);
background-repeat: no-repeat;
background-position: right;
}
.calendartable {
WIDTH: 100%;
PADDING-TOP: 5px;
TEXT-ALIGN: center;
height: 80px;
border-bottom-color: #FFFFFF;
border-bottom-style: solid;
border-bottom-width: 1px;
border-right-color: #FFFFFF;
border-left-color: #FFFFFF;
border-right-style: solid;
border-left-style: solid;
border-left-width: 1px;
border-right-width: 1px;
padding-right: 5px;
padding-left: 5px;
margin-bottom: 10px;
background-image: url(http://blog.roodo.com/monkeys/77029d15.gif);
}
.calendarweek {
FONT-SIZE: 10px;
COLOR: #333333;
TEXT-ALIGN: left;
padding-left: 3px;
}
.calendarwd {
border-top-color: #FFFFFF;
border-top-style: solid;
border-top-width: 1px;
}
.calendard {
empty-cells: show;
}
.calendardbg {
height: 10px;
}
.calendar {
FONT-SIZE: 10px;
color: #333333;
line-height: 100%;
padding-left: 3px;
}

.sidetitle {
FONT-SIZE: 11px;
COLOR: #333333;
TEXT-ALIGN: center;
width: 200px;
background-image: url(http://blog.roodo.com/monkeys/3bbadcdf.gif);
background-repeat: no-repeat;
padding-top: 20px;
background-position: right bottom;
padding-bottom: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
}
.side {
FONT-SIZE: 12px;
PADDING-BOTTOM: 5px;
LINE-HEIGHT: 150%;
TEXT-ALIGN: left;
color: #523621;
width: 180px;
padding-right: 10px;
padding-left: 10px;
margin-bottom: 20px;
background-image: url(http://blog.roodo.com/monkeys/77029d15.gif);
padding-top: 10px;
}

A.aside {
COLOR: #333333;
TEXT-DECORATION: underline
}
A.aside:link {
COLOR: #333333;
TEXT-DECORATION: underline
}
A.aside:visited {
TEXT-DECORATION: underline;
color: #333333;
}
A.aside:hover {
COLOR: #660000;
TEXT-DECORATION: none;
}

A.arss {COLOR: #dddddd; TEXT-DECORATION: underline}
A.arss:link {COLOR: #2d8d5f; TEXT-DECORATION: underline}
A.arss:visited {COLOR: #80b59c; TEXT-DECORATION: underline}
A.arss:active {}
A.arss:hover {COLOR: #bababa; TEXT-DECORATION: none}

.pict {MARGIN: 5px 5px 5px 5px;}
.photo {
TEXT-ALIGN: center;
padding: 8px;
background-position: left top;
margin: 0px;
}
.nickname {
FONT-SIZE: 12px;
COLOR: #660000;
text-align: center;
width: 100%;
}
.message {
FONT-SIZE: 12px;
color: #333333;
padding-left: 5px;
padding-right: 5px;
}
.quotetable {}
.quote {PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-SIZE: 12px; PADDING-BOTTOM: 1px; COLOR: #666666; PADDING-TOP: 1px}
.blogtimes {MARGIN: 0px 0px 15px; TEXT-ALIGN: center}
.powered {
TEXT-ALIGN: center;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
padding-top: 5px;
padding-bottom: 5px;
}
.syndicate {
TEXT-ALIGN: center;
padding-top: 20px;
}
.checkers {
MARGIN-TOP: 5px;
FONT-SIZE: 12px;
float: left;
Posted by alice at 2009年12月18日 22:21

我用你的方法後便成下面加寬
但版首的圖案沒有一起加寬
要怎麼辦呢
麻煩你在指導一下啦
感恩不盡
改版後的網址http://blog.roodo.com/293213
Posted by monkey at 2009年12月19日 00:18

哈哈！
一打開你的部落格就看到無米樂的新聞
無米樂是我的故鄉啦！
有空來無米樂一遊
將會有不同的感受！
你不會也住在無米樂的故鄉吧！
Posted by monkey at 2009年12月19日 00:23

我要改名叫老饕了
忘了改真是不好意思
Posted by 老饕 at 2009年12月19日 00:25

圖案 你要自己做新的 因它原來的圖就是770的
我的土方法(但有效)都是自己將一些圖(看你喜歡放哪些圖)裁減成它的格式
880*271px
(yours)

放到flickr以取得圖片"網址"(或其他可以有網址的地方)

然後 在
background-image: url(http://blog.roodo.com/monkeys/f5969641.jpg);

這裡
將( )裡面的網址替換掉你新圖片的網址
這是較簡單的方法
Posted by alice at 2009年12月19日 07:35


回最上方