14 Sep 2006

[Blog*Spot] 我是如何把页面变宽的?

HowField 问我说:

我的blogger页面怎么没有你的宽,怎么设置?

现在就来回答这个问题 :-)

1) Dashboard -> Template,将出现 HTML 方式的模板编辑框。

注意:我用的是旧版本的 Blogger,如果你使用的是 Beta 版的,进入 HTML 模板编辑的路径会有所不同: 需要在 Template 页面选 HTML 方式。

2) 修改页面头部 (Header) 宽度。如果单单修改 3),上下不协调,不好看。

/* Header
----------------------------------------------- */
#header {
  width:760px;
  margin:0 auto 10px;
  border:1px solid #ccc;
  }

3) 修改页面主体内容 (Content) 宽度,分为主要内容 (main) 和边栏 (sidebar) 两部分。

/* Content
----------------------------------------------- */
#content {
  width:760px;
  margin:0 auto;
  padding:0;
  text-align:left;
  }
#main {
  width:450px;
  float:left;
  }
#sidebar {
  width:240px;
  float:right;
  }
 
4) Save Template Changes -> Republish,保存并重新发布。Beta 版不需要重新发布。

--
完美生活: 青春的岁月,我们身不由己;只因这胸中,燃烧的梦想。
http://jicknan.blogspot.com/

No comments:

Post a Comment