Blog 改版成三栏显示

很久就有把首页做成三栏的想法。原来的两栏设计是基于 800*600 分辨率的,如果内容多一些,页面拉的特别长。现在使用 17 寸显示器的人越来越多,宽屏用户也越来越多,所以向”宽、大”的角度下手或许会好一点。
Movtype Type 的模版设计还是在扩展性上下了很大功夫的,通过调整 alpha、Beta、Gamma 这三个层的设定,相对比较容易。这次修改的过程中唯一比较麻烦的是关于右边栏”对齐”的细微差别耗费了不少时间。
现在页面设定的宽度是 1000px, 绝对宽度。之所以不选择相对宽度,主要是考虑到相对宽度下菜单导航条会有折叠,内容格式也会发生变化。车东告诉我还有 5% 的用户还在用窄屏,根据这篇 创新的艺术 所说的,必需要作一点牺牲,很难面面俱到。
单篇归档分成了两栏显示。布局没有以前那么局促了。现在的CSS 估计还有很多 Bug 和结构不清晰的地方,如果有朋友参考的话一定留神。
欢迎针对当前样式提意见。CSS 变化请查看 differ 文件.
EOF


  • http://bulaoge.com/?york York

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

  • http://blog.leavic.com leavic

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

  • http://www.niuyiba.com cokoo

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

  • http://www.lihuawei.com lihuawei

    感觉悟不太习惯

  • http://www.dimlau.com/blog/ dimlau

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

  • http://www.oraus.net sopher

    中间那栏感觉有点乱

  • http://www.dbanotes.net Fenng

    首页三栏,单篇文章两栏
    难道没写清?

  • LuoboTixS

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

  • http://www.eryi.org/ 散人

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

  • http://www.dbanotes.net Fenng

    那个地址只是备用的
    http://www.dbanotes.net 是首页

  • http://www.dbform.com kamus

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

  • http://www.live51.net summer

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

  • http://hi.baidu.com/weijingquanye 罗威纳犬舍

    换换也好!