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
精简版应该设置一个切换到宽屏的入口。

发表评论:
名字: (*必填)
博客: (可省,仅限于Blog地址)
验证码: p48u58r68e78 (*必填)

正文:

  记住信息?

直接发送Trackback到此文章

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

文章分类 Category:
真相与UFO Truth and UFO
编程 Program
PHP
Blog的发展 Development
为什么写博客 W-do we Blog
互联网 Internet
BBS社区研究 Community
QQ研究 QQ Research

置顶的文章:
程序开发的门槛儿
为什么不能夸孩子调皮?
我的3种博客写作方法
最大的公益事业是UFO
再谈四维空间
开发文档和程序注释
Arsue Blog程序的扩展
独立微博开发之设想

近期的主题:
2017.7第2篇
auiou.com今天换上了KVM
CentOS, Debian, Ubuntu三种VPS系统的LAMP属性小结
Debian 6.0和Ubuntu 14.04新装机的参数记录
Linux VPS的速度优化
Nginx与.htaccess
CentOS 6新装机的参数记录
auiou.com的VPS的内存占用测试
2016年8月第一帖
不喜欢锻炼身体的朋友
看《第五空间》
看《爱情公寓》的一点感想
生命的意义在于每一天都是人生的开始
安卓机顶盒收到小记
人生中最可怕的事情是拖延
不能贪吃/不能贪喝/不能贪凉
“世面”和人生意义
计划推出一个重要的“网络存档”(网络记事本)快速小程序
最近几个月博客更新减缓的原因
汽车越来越多
编写完成了清爽的贴吧浏览程序/贴吧占用内存测试
猫/无线路由器/瑞银无线网卡 最简单有效的散热方法
最近录制的歌
家用无线路由器选购的一些建议
网络电视机顶盒选购的一些建议
无线路由器当作无线交换机实例
2013-08-08:人生的意义&谨言慎行
怎样对治重症的拖沓的毛病?
磊科NW336无线网卡使用感受
腾达311R无线路由器频繁掉线解决一例(其它品牌和型号可能也适用)
网络电视杰科T1使用感受(杰科T1/T2/T3怎么样?)
人为什么会无聊?无聊的时候该做什么?
2013-07-14:看不见的全息摄像机
想法:2013-07-12
有趣的植物3:景天科多肉植物
有趣的植物2:米邦塔食用仙人掌
最有趣的植物
想法:2013-06-30
好好地修心
中国现代和未来的黑人问题/广州黑人
KVM主机竟然死机
想法:2013-06-13
行人的过错
为什么不能夸孩子调皮?/怎样教出一个好孩子?
打招呼的一瞬间
欢迎哥们儿们加我的QQ
好心一定会有好报
拜金女的下场都是不好的
最近很忙,写作的思路断了
狂做好事,消除烦恼
最大的公益事业是UFO/怎样做UFO研究?
  

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

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

与此相关的链接
自由勇专栏 | Arsue官方Blog
Gratitude | Time | Auciou
matnue | aucist | Taimt | Caimt | ac315 | Arsue | IC Search | TDNote | HKANS | emxel | aroat | Vaimt Panel | txfor | 网树 | cdfor | aufirm | ixnes | AnyDiary | Tuarm | Tovate | Urtal | coumit | cersta | tratom54.221.136.62 2017-12-11_23:45

Blog存档 Archives

2013年08月(9)
2013年07月(6)
2013年06月(7)
2013年05月(22)
2013年04月(17)
2013年03月(20)
2013年02月(21)
2013年01月(6)
2012年12月(3)
2012年08月(8)
2012年07月(4)
2012年06月(4)
2012年05月(6)
2012年04月(13)
2012年03月(11)
2012年01月(7)
2011年10月(8)
2011年09月(4)
2011年08月(2)
2011年06月(2)
2011年05月(6)
2011年04月(10)
2011年03月(16)
2011年02月(16)
2011年01月(15)
2010年12月(12)
2010年11月(9)
2010年10月(3)
2010年05月(4)
2010年01月(7)
2009年12月(10)
2009年11月(4)
2009年10月(8)
2009年09月(24)
2009年08月(20)
2009年07月(6)
2009年06月(11)
2009年05月(16)
2009年04月(20)
2009年03月(29)
2009年02月(18)
2009年01月(15)
2008年12月(17)
2008年11月(10)
2008年10月(13)
2008年09月(8)
2008年08月(4)
2008年07月(5)
2008年06月(9)
2008年05月(12)
2008年04月(15)
2008年03月(26)
2008年02月(22)
2008年01月(29)
2007年12月(30)
2007年11月(28)
2007年10月(30)
2007年09月(8)
2007年08月(8)
2007年07月(21)
2007年06月(23)
2007年05月(31)
2007年04月(34)
2007年03月(29)
2007年02月(18)
2007年01月(41)
2006年12月(23)
2006年11月(10)
2006年10月(10)
2006年09月(29)
2006年08月(33)
2006年07月(17)
2006年06月(30)
2006年05月(4)
2006年01月(3)
2005年09月(4)


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