Saturday, February 10, 2007

How to get a template for a blog with only a main column and no sidebar

Assuming that you are using Douglas Bowman Minima two column template, sign into Dashboard, choose the blog and click Layout, then click the TEMPLATE > EDIT HTML tabs to open the template editor window.

First, backup your template by clicking DOWNLOAD FULL TEMPLATE and save it in a suitable folder with a suitable file name.

Then look for the following block of codes:

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

Change it to

#header-wrapper {
width:750px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

Look further down for this block of codes

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}

Change it to

#outer-wrapper {
width: 750px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}

Look further down the template for this block of codes:

#main-wrapper {
width: 410px;
float: left;

Change it to

#main-wrapper {
width: 750px;
float: left;

Look further down the template for this block of codes:

#sidebar-wrapper {
width: 220px;
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 */
}

Delete it.

Preview the template, and if satisfied, save the template

2 comments:

Anonymous said...

what if I were not using Douglas Bowman Minima two column template. but two column there? 好像不行吧?

Peter Chen said...

I am afraid that you will have to try to figure that out yourself using what is in the post as a guide.

I suggest starting a new test blog, change the template to the same template that you want changed, and do some experimenting there. When you get it right, you then will know what to do in your main blog.

Peter a.k.a. enviroman
Enviroman Says