青青子衿, 悠悠我心, 但为君故, 沉吟至今
« Google AdSense广告查看中心发布Google Finance财经中文版发布 »

博客分辨率修改并增加页面宽度

  今天,月光博客的界面进行了一些改版,就是把网页的默认宽度从778提升到了878,也就是说,基本放弃了800x600的用户,全新的布局有利于1024x768的用户在全屏下浏览观看,随着800x600分辨率的淘汰,终于可以不用考虑这些用户了。

  全屏指的是在浏览器最大化时从顶端看到网页的大小,在1024x738分辨率下全屏的大小是1003x600,在800x600分辨率下的全屏大小是779x432,老的月光博客使用的宽度是778,这个宽度在800x600的分辨率下显示效果最佳,不会出现横向的滚动条,而针对1024x768的分辨率下,我选择了878这个宽度,使用这个宽度,主要是为了修改方便省事,只需要在原先的宽度上加100即可,实际上还不是全屏,但是比起原来的应该好多了。正文区域的阅读宽度是668,左侧侧栏宽度是200,整体宽度是878,效果还不错。

  增加页面宽度主要是为了1024x768的用户浏览方便,应为我查看最近一个月的浏览统计,使用1024x768的占到了62%的比例,而800x600的用户仅占3.6%,剩下的全部都高于800x600,看来800x600分辨率已经彻底退出历史舞台了,因此在考虑页面宽度的时候,没有必要在考虑800x600分辨率了,于是就有了这次的改版。

分辨率

  这次的修改其实挺简单的,修改了两张图片的宽度,然后修改css文件中的宽度参数,将所有的778等类似的宽度都增加100,就可以达到现在的宽屏效果。

  新的界面在1024x768下显示效果很好,在1440x900的宽屏下显示也比原先的好一些,浏览内容量有了明显的增加,更加易于浏览了。

  大家看看新的界面有没有什么BUG之类的问题,如果哪里有问题请反馈给我。



  除非注明,月光博客文章均为原创,转载请以链接形式标明本文地址

  本文地址:http://www.williamlong.info/archives/1319.html
  • 文章排行:
  • 3.finder
  • 我还以为我电脑出问题了,原来是改版了呀,说不定我也哪天来改改。
  • 2008/4/27 3:21:28   支持(11)反对(6) 回复
  • 4.NightFire
  • 建议把左边栏弄宽一点,正文栏窄一点。一来正文一行太长不利于读者阅读,二来现在左边的很多链接标题都恰折为两行不美观
  • 2009/2/22 4:18:37   支持(9)反对(4) 回复
  • 5.Yoja
  • 我的和你的主题一样,值得借鉴。学习ing。
  • 2008/4/25 12:28:14   支持(7)反对(3) 回复
  • 6.Kola
  • 现在的更大气,以前的更精致.个人感觉.
  • 2008/4/26 20:30:19   支持(8)反对(4) 回复
  • 8.绿叶塑料
  • 上来一看怎么变了?原来改版了哦,不错不错
  • 2008/4/30 10:22:16   支持(9)反对(5) 回复
  • 10.Washun
  • to williamlong :900px在1440×900下看起来不窄啊。况且1440×900也不是主流,主流还是1024*768。
  • 2008/4/25 11:28:59   支持(7)反对(4) 回复
  • 12.enemy13
  • 怎么改的呀?

    能不能把CSS文件给我发过来一下
    谢谢了!!!
  • 2008/4/25 16:17:35   支持(8)反对(5) 回复
  • 13.DylenNewman
  • 很舒服看着。月光的用户体验做得挺不错。
  • 2008/4/25 22:14:19   支持(11)反对(8) 回复
  • 15.壹杂志
  • 觉得有点别扭~看惯了窄屏的,以来成宽屏了~
  • 2008/4/25 10:09:38   支持(7)反对(5) 回复
  • 16.vince
  • 总体感觉不错,我的是1024×768 17'CRT
  • 2008/4/25 13:07:06   支持(6)反对(4) 回复
  • 18.google公司员工a
  • 改成自适应多好,真是笨
  • 2008/4/25 14:09:29   支持(5)反对(3) 回复
  • 20.苏州美容
  • 月光博客比俺的好看多了
  • 2008/4/25 16:32:43   支持(10)反对(8) 回复
  • 21.Null
  • 下次用640*480浏览月光博客试试。。
  • 2008/4/26 13:59:11   支持(5)反对(3) 回复
  • 23.10yes
  • 月光你好,你的这份博客屏幕分辩率的数据给我的网页设计提供了很大的帮助,非常感谢。
    现在问你是否还能提供一份关于你这个博客的读者客户端浏览器的数据?如果你不公开发表,给我邮箱寄一份也行。
    我是月光博客的忠实读者,希望你能帮这个忙!
  • 2008/5/12 20:48:00   支持(6)反对(4) 回复
  • 24.斑马
  • 月光,问一个问题,你文章底部的那个ad的点击率高不高!
  • 2008/4/25 9:12:51   支持(5)反对(4) 回复
  • 25.真水无味
  • 我现在1440x900。
    --
    作为同一博客程序,我关系的是如何做到的。
    --
    另,你说的自动添加版权的方法,我还是成功不了。
    --
    希望你这块z-blog阵地永在
  • 2008/4/25 9:34:47   支持(8)反对(7) 回复
  • 26.TooFree
  • 关注,学习,打算使用zblog这个博客程序
  • 2008/4/25 9:47:19   支持(6)反对(5) 回复
  • 27.BlueDrifter
  • 上午看了这篇文章,还没有发现有区别。

    晚上来发现区别了,呵呵。

    感觉有些别扭,建议右边考虑增加一列放置信息。
  • 2008/4/25 20:55:21   支持(7)反对(6) 回复
  • 31.williamlong
  • 900px在1440×900下不是太窄了吗?
  • 2008/4/25 10:35:28   支持(7)反对(7) 回复
  • 32.isoday.com
  • 我说怎么以来就觉的进错屋了那
  • 2008/4/25 12:50:41   支持(7)反对(7) 回复
  • 33.一方博客
  • 在我的博客中有宽度修改方法,进去搜看
  • 2011/2/19 18:11:39   支持(7)反对(7) 回复
  • 37.阿叉
  • 我的屏幕是17寸液晶的,1280宽,可是我从来不喜欢把屏幕最大化。
  • 2008/4/25 12:33:17   支持(5)反对(6) 回复
  • 38.周文
  • 不见得看起来就舒服多了啊,可见还是习惯问题,呵呵
  • 2008/4/25 13:57:20   支持(7)反对(8) 回复
  • 39.东方博客
  • 相关文章这一列可以改成双排的比较好……
  • 2008/4/25 18:11:05   支持(5)反对(6) 回复
  • 40.aw
  • 哈哈,用我的TES皮肤,无论什么分辨率都ok %——~~~~
  • 2008/4/29 9:39:26   支持(6)反对(7) 回复
  • 41.stephen
  • 文章排行那里还需要修改一下。。。
  • 2008/4/29 10:05:48   支持(6)反对(7) 回复
  • 42.大帝007
  • 觉得太宽了,可以考虑适当收缩一下,或者,把侧栏设当的放宽一点,那样,或许会更好!
  • 2008/4/25 20:01:57   支持(4)反对(6) 回复
  • 43.FirstGump
  • 我觉得全屏的页面用于浏览文章不是很好,文章主体如果大于700PX的话对于我来说会感觉不舒服,增加浏览难度.
  • 2008/4/26 9:19:59   支持(4)反对(6) 回复
  • 44.阳阳
  • 感觉优点松散,没有原来的紧凑了
  • 2008/5/1 11:47:47   支持(5)反对(7) 回复
  • 46.AlbertNi
  • 我是1280宽度的,用了vista的侧边栏和ff的书签侧边栏(默认宽度),正好出现横向滚动条……
  • 2008/5/5 4:33:19   支持(6)反对(8) 回复
  • 47.飞月
  • 另外有一个问题想问问:
    启动zblog的静态目录的配置功能之后(详情请见:http://www.flymoonblog.cn/blog/netsite/704/)文章投票功能,就是上面的评分功能会失效,估计是因为getid函数有问题,但是不知道如何修改,月光是否有时间帮忙看看!
  • 2008/4/25 8:37:46   支持(4)反对(7) 回复
  • 49.Washun
  • 900px无论在1024x738分辨率下还是更大的分辨率下都挺美观的。
  • 2008/4/25 9:41:29   支持(3)反对(6) 回复
  • 50.autoxbc
  • 很多浏览器包含侧栏,现在这种满屏的宽度有点极端,最好适当收缩。
  • 2008/4/25 9:47:04   支持(4)反对(7) 回复
  • 52.杯水
  • 视觉效果比较好,看来调查过还是不一样啊
  • 2008/4/25 22:31:06   支持(7)反对(10) 回复
  • 55.飞月
  • 沙发坐下了!觉得文章排行的模版也需要修改一下!
  • 2008/4/25 8:33:05   支持(4)反对(8) 回复
  • 56.菜鸟
  • 作为一个wordpresscss菜鸟,我也想用你的方法修改页面宽度,但不知应该修改哪个CSS文件?!如果能给出路径就好了。
  • 2008/4/26 22:06:57   支持(4)反对(8) 回复
  • 58.Washun
  • williamlong,我觉得900px的宽度合适一些。看到你昨天换宽屏了,我也试了1000px的,但是感觉太宽了,最后调到900px才觉得不错。
  • 2008/4/25 9:39:54   支持(3)反对(8) 回复
  • 62.积水成渊博客
  • 挺好,现在的宽屏是越来越普及了。
  • 2008/4/27 10:55:17   支持(3)反对(9) 回复

发表评论:

 请勿发送垃圾信息、广告、推广信息或链接,这样的信息将会被直接删除。

订阅博客

  • 订阅我的博客:订阅我的博客
  • 关注新浪微博:关注新浪微博
  • 关注腾讯微博:关注腾讯微博
  • 关注认证空间:关注QQ空间
  • 通过电子邮件订阅
  • 通过QQ邮件订阅

站内搜索

热文排行


月度排行

本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享. 转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议.
This site is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License.