Blog 改版成三栏显示

| 13 Comments

很久就有把首页做成三栏的想法。原来的两栏设计是基于 800*600 分辨率的,如果内容多一些,页面拉的特别长。现在使用 17 寸显示器的人越来越多,宽屏用户也越来越多,所以向"宽、大"的角度下手或许会好一点。

Movtype Type 的模版设计还是在扩展性上下了很大功夫的,通过调整 alpha、Beta、Gamma 这三个层的设定,相对比较容易。这次修改的过程中唯一比较麻烦的是关于右边栏"对齐"的细微差别耗费了不少时间。

现在页面设定的宽度是 1000px, 绝对宽度。之所以不选择相对宽度,主要是考虑到相对宽度下菜单导航条会有折叠,内容格式也会发生变化。车东告诉我还有 5% 的用户还在用窄屏,根据这篇 创新的艺术 所说的,必需要作一点牺牲,很难面面俱到。

单篇归档分成了两栏显示。布局没有以前那么局促了。现在的CSS 估计还有很多 Bug 和结构不清晰的地方,如果有朋友参考的话一定留神。

欢迎针对当前样式提意见。CSS 变化请查看 differ 文件.

--EOF--

13 Comments

现在越来越多的blog用三栏首页,看起来确实挺舒服。

我看到的還是兩欄?
我覺得未必用17寸顯示器就一定是1024X768的分辨率,視力不太好的人喜歡把分辨率調低,那樣字體就比較大。

从2栏到3栏这里,可以看到互联网的发展与变化。。。

感觉悟不太习惯

我看到的也是两栏啊
第三栏在哪?

中间那栏感觉有点乱

首页三栏,单篇文章两栏

难道没写清?

写清了,
但首页仍然是两栏
http://www.dbanotes.net/blog/
首页难道不是这个地址?

哈,是http://www.dbanotes.net,不是http://www.dbanotes.net/blog/

那个地址只是备用的

www.dbanotes.net 是首页

应该把文责声明那块儿变成跨3栏的,否则有些怪
其实把最新回复以下变成跨3栏的都可以

经常变变好的,可以给自己一个机会换个角度思考问题:)