这个模板探讨了实现三栏的可能性和可行性,旨在抛砖引玉,让模板的制作者能根据自己的喜好设计出更漂亮的三栏模板来。

随着1024*768以及更高的分辨率成为主流(从我的在线统计信息来看,分辨率在1024*768以上的超过了所有访问者人数的95%),三栏、宽屏的页面布局逐渐增多了起来。三栏式的设计能够大大地提高屏幕区域的利用率,显得大方而得体。

这个模板就是本着这样一个目的,对三栏式模板进行的一次探索。

模板使用时需注意一点,这个模板自动将“最新日志”这个项目以及其后的所有项目放入侧边栏二,之前的项目则留在侧边栏一的位置。因此,您可能需要对侧边栏的项目进行排序,以尽量维持两个侧边栏的疏密有致。

以下内容供模板制作者参考:
如果您打开这个模板的 elements.php ,您就会发现,三栏的实现原理很简单。那就是(1)先自定义出“最新日志”这个项目,即该文件中的 $elements['sideblock_entries'] 。顺便一提,如果elements.php没有对某个侧边栏项目的定义,则所有侧边栏项目都会采用默认的定义(即 $elements['sideblock']),而一旦有了针对某个侧边项目的定义,那么在输出这个侧边栏项目时就会采用这个定义。比如,如果您要使“链接”的样式与其它侧边栏项目与众不同,可以自定义 $elements['sideblock_links'] 的代码。命名的方式是 “sideblock_”+项目名。系统自带项目的项目名可以在后台侧边栏的模块配置中找到。(2)在自定义的entries项目的html代码里,先结束掉默认的侧边栏所在的div(sidebar),并开始一个新的div(sidebar2)。这样,在entries项目之后所有的项目都会出现在sidebar2这个div里。(3)在css中,分别设定sidebar和sidebar2的浮动关系,并使用 #sidebar和#sidebar2有针对性地设定这两个侧栏的样式表。
酝酿三栏模板
[2006年10月30日星期一 01:06]
来源:21Stas Blog
内容:今天在blogbus上看到了一个好看的三栏模板,什么时候有空把他转到Bo-blog上,不过得先研究一下smile。如果您打开这个模板的 elements.php ,您就会发现,三栏的实现原理很简单。那就是(1)先自定义出“最新日志”这个项目,即该文件中的 $elements 。顺便一提,如果elements.php没有对某个侧边栏项目的定义,则所有侧边栏项目都会采用默认的定义(即 $elements),而一旦有了针对某个侧边项目的定义,那么在输出这个侧边栏项目时就会采用这个定义。比如,如果您要使“链接”的样式与其它侧边栏项目与众不同,可以自定义 $elements 的代码。命名的方式是 “sideblock_”+项目名。系统自带项目的项目名可以在后台侧边栏的模块配置中找到。(2)在自定义的entries项目的html代码里,先结束掉默认的侧边栏所在的div(sidebar),并开始一个新的div(sidebar2)。这样,在entries项目之后所有的项目都会出现在sidebar2这个div里。(3)在css中,分别设定sidebar和sidebar2的浮动关系,并使用 #sidebar和#sidebar2有针对性地设定这两个侧栏的样式表。
alextoYin
2006年3月12日星期日 19:06
很喜欢你的那个三栏模板风格,我只想要左面一个侧边栏,请问该怎样修改泥~~
可以直接提供给我修改好的CSS文件吗
simple2010 Homepage
2006年3月9日星期四 20:21
哈哈,我喜欢.就是颜色不太喜欢,所以改了一下
http://simpleplan.cn

但公告有问题.老大这里也是unhappy
bob 回复于 2006年3月9日星期四 21:03
公告那个是IE的Peekaboo Bug。我这里已经修复了。
Bobever
2006年3月8日星期三 21:22
三栏很不错,我非常喜欢!支持......
当首页设置为列表形式时,再使用这种三栏显示模式,会让页面看起来非常简洁,我非常喜欢。
但我对它的栏目排列顺序不太适应,如何将分类、日历等那一栏放在最左, 正文在中间, 最新日志等那一栏放在最右,并且最好两边的颜色分别是蓝色和浅灰?
爱博客
2006年3月7日星期二 22:09
+++++++++++++++++++++++++++++++++++++
如何将sidebar设在最左, 正文在中间, sidebar2在最右?

我也觉得这样更好看,并且最好两边的颜色分别是蓝色和浅灰,期待 bob 教教我们
+++++++++++++++++++++++++++++++++++++
大龙 Email Homepage
2006年3月7日星期二 13:27
侧栏在左右基本成功啦,呵呵
http://blog.macrolong.com/index.php?tem=trielegant
bob 回复于 2006年3月7日星期二 14:47
真是“相当的”不错啊!而且用css就实现了左右两个侧栏,看来不用弄什么javascript实现了。
solo
2006年3月7日星期二 11:51
三栏真难看
bob 回复于 2006年3月7日星期二 14:48
汗... 看来我一不小心做出了一个争议性的模板。
客观的说,传统的模板还是两栏居多,三栏要处理好真不是那么容易的。
百事可乐
2006年3月6日星期一 16:51
没感觉三栏有多好看,还是不太习惯。。。
bob 回复于 2006年3月7日星期二 09:30
呵呵,个人习惯不同。试试切换到其它模板吧。
david187
2006年3月6日星期一 15:22
如何将sidebar设在最左, 正文在中间, sidebar2在最右?
bob 回复于 2006年3月7日星期二 09:30
我研究了一下,可以用javascript实现。具体等我实践一下再出个示范模板。
joy4ever Email Homepage
2006年3月6日星期一 04:13
为什么我用了这个模版后出现的还是两栏呢?会不会和我还没有升级至SP1有关(我现在的版本是RC1)。
bob 回复于 2006年3月7日星期二 09:29
必须显示出最新日志这个栏目。
分页: 1/3 第一页 1 2 3 下页 最后页


Powered by Bo-Blog 2.1.1 RC1Code detection by Bug.Center.Team
沪ICP备05032643号

© 2008 博睿智 Marshal Design Bo-blog offcial theme