800×600分辨率的Blog精简版

王志勇 发表于 2008年10月28日 22:17

2年前曾想过此Blog要推出精简版,去掉一些不是很常用的部分,前几天制作完成了,地址如http://www.auciou.com/param/。精简版之所以使用800×600分辨率,是因为俺仍然没有放弃800×600分辨率的用户,800×600分辨率的正文内容浏览起来也比较轻松。

www.auiou.com的分辨率主要是照顾1024×768和800×600的用户,这两种分辨率都可以有不错的表现,以及1280×1024分辨率。凉爽兄曾提到我的Blog在他的22英寸宽屏幕显示器太宽了,浏览起来很费劲;sahu1990朋友提到我的Blog首页的右侧导航条,窗口拉小时,会有DIV重叠的现象。这两个问题暂时无法解决,如果我把Blog设定为最大宽度max-width为994像素,或者固定为994像素宽,或者固定为770像素宽,都不会出现这个问题。问题的原因是为了照顾1024×768和800×600、1280×1024的用户,总宽度使用100%,左右导航都使用固定像素,中间的正文省略宽度的设定,table元素会自动调整中间的正文的宽度。而DIV+CSS的li元素,则做不到像表格这样的百分比宽度与固定宽度混合使用。li元素只能是全部使用固定像素,或者全部使用百分比像素。所以www.auiou.com首页为了提高打开的速度,将table和DIV+CSS混合使用,首页的右侧导航条使用position:absolute;right:0这样的方法,使其紧紧地靠右,无论任何分辨率,它都会因为是向右的“绝对定位”而一直靠右。所以当窗口拉小时,右侧导航条会有DIV重叠的现象。当然,确实很少有用户会把窗口拉得很小,呵呵。

精简版这样的风格,很适合浏览,是我最喜欢的风格之一,也解决了上述的2个问题。因为使用不同的域名,Cookies不能直接调用,我试了很多方法都没有成功。最后只能通过查询字段传送信息,然后地址的跳转,给两个域名都写入Cookies的方法。目前设定的是在www.auciou.com/param/的评论留言,既给www.auciou.com域名写入Cookies信息,也给www.auiou.com的域名写入Cookies信息。反之,在www.auiou.com留言,www.auciou.com的域名则不写入Cookies信息,主要是为了照顾大多数的情况。

6条评论:
1   Goberl 2008-10-29 02:00
现在普及的显示器的分辨率都越来越高了,中间过于窄了,也不是很好看的。
不过你这方法是“宁可错杀三千,也不放过一个“啊,呵呵,不过你没有错杀哈!
你的800X600页面在1024*768上显示效果很爽。
CSS这东西感觉有点不怎么好使,平时做页面总是在不停的修改-刷新上循环N次,为了达到效果不知道到刷新了多少次,没总结出什么万能的方法,还得兼容不同浏览器,(╰_╯)#。
2   老孔 2008-10-30 14:19
我也比较喜欢精简版的模板
原来精简版和宽屏版是相互独立的?
3   老孔 2008-10-30 14:21
精简版侧边栏应该和日志区域间隔大点
4   自由勇 2008-10-30 16:48
主要是考虑到正文的宽度需要570像素,已经没有地方了,所以右侧导航栏和日志区域之间的距离是10像素。
15~20像素效果会更好,我的英文版Blog使用20像素的距离。好像关系都不是很大,一开始会不太舒服,习惯就会好了。
5   自由勇 2008-10-30 16:59
编辑网页然后刷新预览,每天刷新的次数都很多。
6   老孔 2008-10-30 21:52
精简版应该设置一个切换到宽屏的入口。

发表评论:
名字: (*必填)
博客: (可省)

正文:

  记住信息?

直接发送Trackback到此文章

说明:本评论系统不支持HTML代码。(您的留言需要审核,审核规则请见这里。)

王志勇:程序设计者。
1980-09-26 (38周岁)

版权声明:本博客所有文章,均符合原创的定义,禁止转载,违者将必究;正确的方法是贴原文的标题和网址即可。

Blog存档 Archives

2018年10月
2018年09月(17)
2016年-2017年(9)
2014年06月-09月(10)
2013年 +

2012年 +
2011年 +
2010年 +
2009年 +
2008年 +
2007年 +
2006年 +
2005年09月(4)

Copyright © 2006-2018 auiou.com All rights reserved.
此Blog程序由王志勇编写 已经发布在Arsue