月光博客

青青子衿, 悠悠我心, 但为君故, 沉吟至今

« 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/ ]

本文链接地址:http://www.williamlong.info/archives/1319.html
  • 文章排行:
  • 1.飞月
  • 沙发坐下了!觉得文章排行的模版也需要修改一下!
  • ip: 221.235.93.*  2008-4-25 8:33:05   回复该留言
  • 2.飞月
  • 另外有一个问题想问问:
    启动zblog的静态目录的配置功能之后(详情请见:http://www.flymoonblog.cn/blog/netsite/704/)文章投票功能,就是上面的评分功能会失效,估计是因为getid函数有问题,但是不知道如何修改,月光是否有时间帮忙看看!
  • ip: 221.235.93.*  2008-4-25 8:37:46   回复该留言
  • 7.斑马
  • 月光,问一个问题,你文章底部的那个ad的点击率高不高!
  • ip: 125.90.59.*  2008-4-25 9:12:51   回复该留言
  • 11.真水无味
  • 我现在1440x900。
    --
    作为同一博客程序,我关系的是如何做到的。
    --
    另,你说的自动添加版权的方法,我还是成功不了。
    --
    希望你这块z-blog阵地永在
  • ip: 218.84.139.*  2008-4-25 9:34:47   回复该留言
  • 12.Washun
  • williamlong,我觉得900px的宽度合适一些。看到你昨天换宽屏了,我也试了1000px的,但是感觉太宽了,最后调到900px才觉得不错。
  • ip: 219.137.226.*  2008-4-25 9:39:54   回复该留言
  • 14.Washun
  • 900px无论在1024x738分辨率下还是更大的分辨率下都挺美观的。
  • ip: 219.137.226.*  2008-4-25 9:41:29   回复该留言
  • 15.autoxbc
  • 很多浏览器包含侧栏,现在这种满屏的宽度有点极端,最好适当收缩。
  • ip: 222.171.7.*  2008-4-25 9:47:04   回复该留言
  • 20.Washun
  • to williamlong :900px在1440×900下看起来不窄啊。况且1440×900也不是主流,主流还是1024*768。
  • ip: 219.137.226.*  2008-4-25 11:28:59   回复该留言
  • 22.Yoja
  • 我的和你的主题一样,值得借鉴。学习ing。
  • ip: 218.57.113.*  2008-4-25 12:28:14   回复该留言
  • 23.阿叉
  • 我的屏幕是17寸液晶的,1280宽,可是我从来不喜欢把屏幕最大化。
  • ip: 99.227.67.*  2008-4-25 12:33:17   回复该留言
  • 27.周文
  • 不见得看起来就舒服多了啊,可见还是习惯问题,呵呵
  • ip: 59.57.226.*  2008-4-25 13:57:20   回复该留言
  • 32.enemy13
  • 怎么改的呀?

    能不能把CSS文件给我发过来一下
    谢谢了!!!
  • ip: 60.23.129.*  2008-4-25 16:17:35   回复该留言
  • 36.大帝007
  • 觉得太宽了,可以考虑适当收缩一下,或者,把侧栏设当的放宽一点,那样,或许会更好!
  • ip: 222.240.173.*  2008-4-25 20:01:57   回复该留言
  • 37.BlueDrifter
  • 上午看了这篇文章,还没有发现有区别。

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

    感觉有些别扭,建议右边考虑增加一列放置信息。
  • ip: 222.72.236.*  2008-4-25 20:55:21   回复该留言
  • 39.杯水
  • 视觉效果比较好,看来调查过还是不一样啊
  • ip: 222.73.97.*  2008-4-25 22:31:06   回复该留言
  • 42.FirstGump
  • 我觉得全屏的页面用于浏览文章不是很好,文章主体如果大于700PX的话对于我来说会感觉不舒服,增加浏览难度.
  • ip: 218.76.31.*  2008-4-26 9:19:59   回复该留言
  • 45.Kola
  • 现在的更大气,以前的更精致.个人感觉.
  • ip: 220.184.68.*  2008-4-26 20:30:19   回复该留言
  • 46.菜鸟
  • 作为一个wordpresscss菜鸟,我也想用你的方法修改页面宽度,但不知应该修改哪个CSS文件?!如果能给出路径就好了。
  • ip: 123.115.250.*  2008-4-26 22:06:57   回复该留言
  • 47.finder
  • 我还以为我电脑出问题了,原来是改版了呀,说不定我也哪天来改改。
  • ip: 222.210.10.*  2008-4-27 3:21:28   回复该留言
  • 51.aw
  • 哈哈,用我的TES皮肤,无论什么分辨率都ok %——~~~~
  • ip: 221.221.163.*  2008-4-29 9:39:26   回复该留言
  • 57.AlbertNi
  • 我是1280宽度的,用了vista的侧边栏和ff的书签侧边栏(默认宽度),正好出现横向滚动条……
  • ip: 129.64.229.*  2008-5-5 4:33:19   回复该留言
  • 60.10yes
  • 月光你好,你的这份博客屏幕分辩率的数据给我的网页设计提供了很大的帮助,非常感谢。
    现在问你是否还能提供一份关于你这个博客的读者客户端浏览器的数据?如果你不公开发表,给我邮箱寄一份也行。
    我是月光博客的忠实读者,希望你能帮这个忙!
  • ip: 124.227.192.*  2008-5-12 20:48:00   回复该留言
  • 61.NightFire
  • 建议把左边栏弄宽一点,正文栏窄一点。一来正文一行太长不利于读者阅读,二来现在左边的很多链接标题都恰折为两行不美观
  • ip: 210.77.8.*  2009-2-22 4:18:37   回复该留言

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

订阅博客

  • 订阅我的博客:订阅我的博客
  • 跟随我的推特:跟随我的推特
  • 跟随新浪微博:跟随新浪微博
  • 通过Google订阅本站
  • 通过鲜果订阅本站
  • 通过电子邮件订阅本站

站内搜索

热文排行

最新评论及回复

最近发表

网站收藏

本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议.

This site is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License.