曹元博客

昨天吧960框架的例子完善了以下，现在可以半自动的预览在线布局框架，使用960你可以布局任何复杂的页面。我准备了一些例子给大家参考，另外可以在线直接生成包含栏目模块的布局。希望给新手带来一点惊喜！

不罗嗦了，我们先看几个例子！

一个简单的两栏布局：
http://960.cssbbs.com/box.asp?m=6,18

三栏布局：
http://960.cssbbs.com/box.asp?m=6,12,6

四栏布局：
http://960.cssbbs.com/box.asp?m=9,5,5,5

更多例子：
http://960.cssbbs.com/shili.html

先说到这里，不知道大家是否发现一个规律，我们看上面的URL最后m的值来分析。

两栏布局：6+18=24
三栏布局：6+12+6=24
四栏布局：9+5+5+5=24

你是否明白规律了？

那么接下来看看更复杂一点的例子
http://960.cssbbs.com/box.asp?m=6,18,24,6,12,6,24,9,5,5,5

看了例子你是否明白了？
同样是24是1行

6,18,24,6,12,6,24,9,5,5,5

这个例子一共是5行或者叫5屏。

你可以添加多少屏都可以，只要保证24为一行就OK了。

我们可以点击里“添加栏目模型”就可以看到每个栏目的模块，有21种颜色提供选择：
http://960.cssbbs.com/box.asp?m=6,18,24,6,12,6,24,9,5,5,5&s=a

你可以直接条用官方提供的CSS样式，里面包含布局框架和栏目框架样式。

更多布局例子： (你可以直接右键“目标另存为”保存到本地)
6栏布局：
无栏目模型：http://960.cssbbs.com/box.asp?m=4,4,4,4,4,4
添加栏目模型：http://960.cssbbs.com/box.asp?m=4,4,4,4,4,4&s=a

8栏布局：
无栏目模型：http://960.cssbbs.com/box.asp?m=3,3,3,3,3,3,3,3
添加栏目模型：http://960.cssbbs.com/box.asp?m=3,3,3,3,3,3,3,3&s=a

12栏布局：
无栏目模型：http://960.cssbbs.com/box.asp?m=2,2,2,2,2,2,2,2,2,2,2,2
添加栏目模型：http://960.cssbbs.com/box.asp?m=2,2,2,2,2,2,2,2,2,2,2,2&s=a

多屏随意布局：
无栏目模型：http://960.cssbbs.com/box.asp?m= ... ,4,8,9,5,10,16,8,24
添加栏目模型：http://960.cssbbs.com/box.asp?m= ... ,10,16,8,24&s=a

详细说明请查看：http://960.cssbbs.com