• 卡农-四声部人声自拍 订阅本博客

    如何订阅博客?
  • Blog首页关于和平海底Blog存档联系自由勇网站地图友情链接

  • 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地址)
    验证码: s48p58a68c78e88c98r108a118f128t138 (*必填)

    正文:

      记住信息? 是 否

    直接发送Trackback到此文章

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

     (点击申请)

    文章分类 Category:
    Blog的发展 Development
    为什么写博客 W-do we Blog
    互联网 Internet
    社会 Society
    教育 Education
    BBS社区研究 Community
    编程 Program
    友人 Younet
    QQ研究 QQ Research
    公告 Announcement

    最新的评论 Comments:
    » 毁谤别人的匿名者
    » 一家门户网站的博客管理
    » Entropay(欧贝
    » 又一位不可思议的扮音天
    » Google搜索结果在
    » 声卡无声硬件排除一例
    » 如何关闭ixwebho
    » 今天值得纪念的数字

    近期的主题:
    2012-01-26:多了解一些信息没有坏处
    日益低效的快递
    关于香港地铁吃东西事件的翻译
    2012-01-15:怜悯和爱
    惨不忍睹的网站空间(人为造成)
    QQ空间不能发表日志/说说/微博解决一例
    新年的钟声敲响了
    惠州之印象
    2011-10-20:最近4个不好的用户体验
    女童遭辗压无人帮助视频之感想
    网络才是真实的,现实一切都是幻象
    本博客的程序有发布的计划
    真正的神曲和一些圣乐分享和回顾
    Go Daddy的97.74 IP段又被大规模killed
    时间过得很快
    国外的域名查询也不安全
    祝我31周岁生日快乐
    有关国内近两年史无前例的清晰的UFO
    Android(安卓)平板电脑的使用体验
    2011-08-24:经验 & 近期动态
    2011-08-03 养花
    2011-06-18
    2011-06-02:同龄人年轻程度却相差10岁
    2011-05-28:随谈(浅谈)中英文输入速度
    Go Daddy空间切换系统更换IP时现在需要慎选4GH主机
    2011-05-18:随谈现实与理想(8)
    随谈:2011-05-18 贴吧与新闻评论的管理
    随谈:2011-05-13 心情很沉重很沉重
    随谈:2011-05-08 有良知的人会提升
    博客不应大量转载
    随谈:2011-04-28 通过网络调查真相当中的一个途径之一
    有关UFO与2012的谦卑交流与解答(1)
    cPanel的主机网页长时间500错误解决一例

    王志勇(自由勇):程序设计。
    公历1980-09-26 天秤座 32岁
    联系我:信息反馈、留言板。

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

    与此相关的链接
    和平海底2 | Auciou | 自由勇专栏
    公益:UFO与真相研究交流区
    Gratitude | Time

    Blog存档 Archives

    2012年01月(N)
    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-2012 auiou.com All rights reserved.
    此Blog程序由王志勇编写