Wednesday, June 20, 2007

วิธีเปลี่ยนความกว้างของ Template Blogger

เข้าไปแก้ที่ Template / Edit HTML

ค่าความกว้างที่เหมาะสมของ Template Rounders 3

ส่วนที่เป็น http:/// เป็นการเอากรอบโค้งที่ทำจาก image ออกเพราะว่าขยายความกว้างแล้วทำให้ไม่พอดี

/* Page Structure
----------------------------------------------- */
/* The images which help create rounded corners depend on the
following widths and measurements. If you want to change
these measurements, the images will also need to change.
*/
#outer-wrapper {
width:850px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyFont;
}
#main-wrap1 {
width:600px;
margin-left: 20px;
float:left;
background:$mainBgColor url("http:///") no-repeat left bottom;
margin:15px 0 0;
padding:0 0 10px;
color:$mainTextColor;
font-size:97%;
line-height:1.5em;
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 */
}
#main-wrap2 {
float:left;
width:100%;
background:url("http:///") no-repeat left top;
padding:10px 0 0;
}
#main {
background:url("http:///") repeat-y;
padding:0;
}
#sidebar-wrap {
width:240px;
float:right;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
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 */
}

.main .widget {
margin-top: 4px;
width: 568px;
padding: 0 13px;
}

.main .Blog {
margin: 0;
padding: 0;
width: 600px;
}

No comments:

Post a Comment