Blog 改版成三栏显示

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

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

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

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

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

--EOF--

| | TrackBacks (0) | | Edit

Generator | Trampoline | 外贸英才网 | Vinyl fence

自定义搜索

本文相关评论|Comments(13)

York 的评论:

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

leavic 的评论:

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

cokoo 的评论:

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

lihuawei 的评论:

感觉悟不太习惯

dimlau 的评论:

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

sopher 的评论:

中间那栏感觉有点乱

Fenng Author Profile Page 的评论:

首页三栏,单篇文章两栏

难道没写清?

LuoboTixS 的评论:

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

散人 的评论:

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

Fenng Author Profile Page 的评论:

那个地址只是备用的

www.dbanotes.net 是首页

kamus 的评论:

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

summer 的评论:

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

罗威纳犬舍 的评论:

换换也好!

添加评论

关于这篇文章

这篇文章由 Fenng 于 February 16, 2007 2:17 PM 发布

上一篇:Blog 在 Google 上的反向链接为 0 ?

下一篇:给大家拜年了!

回到首页查看最近的文章或者是查看所有归档文章

DBA notes 的订阅数量,点击则可进行订阅
Feed 订阅数量,点击即可订阅最新内容