Blogger beta只提供了2列的界面,即一个侧列和一个主列。 今天找到一个hack,可以增加一列的显示, 从这里找到的信息.
http://hackosphere.blogspot.com/3006/09/3-column-templates-for-blogger-beta_01.html
摘要:
1. Beta template has 3 CSS wrapper definitions as follows: 模板包括3个CSS的Wrapper
#outer-wrapper - This defines the entire blog 整个blog
#main-wrapper - This defines the main column 中间主列
#sidebar-wrapper - This defines the sidebar. 侧列
需要定义一个新的侧列, 比如命名为#newsidebar-wrapper。 可以直接拷贝#sidebar-wrapper的定义,改名即可。
2. 宽度守恒
注意,整个blog的宽度,要大于中间主列,和两个侧列宽度的总和。
3. 侧列的漂浮属性
左边侧列漂浮属性为左,右边则为右。不要把两个侧列放到同一边。
这样基本上就搞定了,可以到"Page Elements"底下把你想添加的元素添加到新的侧列。
星期五, 九月 29, 2006
Blogger Beta Hack 2: 三列页面
类别:
科技日新,
Blogger Beta
时间:
9/29/2006
订阅:
博文评论 (Atom)
2 条评论:
其实你可以有任意多的列,只要你愿意,在模板里面修改就可以了。例如你要3列:
<div id="wrapper" style="width:760px;">
<div id="left" style="width:150px;float:left;">
<p>left side</p>
</div>
<div id="right" style="width:200px;float:right;">
<p>right side</p>
</div>
<div id="main">
<p>main here</p>
</div>
</div>
以上如果代替<body>中的内容完全可以显示。重要的是把提交的数据在以上的空间中显示,也就是把blogger定义的语法放到模板里面,让blog如你设计的显示。模板里面的那些什么wrapper的只是层(div)的名字,可以用任何其它内容代替。层的格式也完全可以重写。
(如果上面显示有<和>,请分别把它们改为小于号和大于号。
Comments feed显示好像有些问题。
有些comments没有显示出来。
发表评论