这个模板探讨了实现三栏的可能性和可行性,旨在抛砖引玉,让模板的制作者能根据自己的喜好设计出更漂亮的三栏模板来。
随着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有针对性地设定这两个侧栏的样式表。
下载文件
随着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有针对性地设定这两个侧栏的样式表。
下载文件
总结PHP的引号和反斜杠
Bo-Blog 1.x档




内容:今天在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有针对性地设定这两个侧栏的样式表。
可以直接提供给我修改好的CSS文件吗
http://simpleplan.cn
但公告有问题.老大这里也是
当首页设置为列表形式时,再使用这种三栏显示模式,会让页面看起来非常简洁,我非常喜欢。
但我对它的栏目排列顺序不太适应,如何将分类、日历等那一栏放在最左, 正文在中间, 最新日志等那一栏放在最右,并且最好两边的颜色分别是蓝色和浅灰?
如何将sidebar设在最左, 正文在中间, sidebar2在最右?
我也觉得这样更好看,并且最好两边的颜色分别是蓝色和浅灰,期待 bob 教教我们
+++++++++++++++++++++++++++++++++++++
http://blog.macrolong.com/index.php?tem=trielegant
客观的说,传统的模板还是两栏居多,三栏要处理好真不是那么容易的。