月光博客 » 网络日志 » 博客分辨率修改并增加页面宽度

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

  今天,月光博客的界面进行了一些改版,就是把网页的默认宽度从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之类的问题,如果哪里有问题请反馈给我。

顶一下 ▲()   踩一下 ▼()

相关文章

  1. 1
    may   说道:
    看着舒服多了

    支持(12反对(4回复
  1. 2
    Yimi   说道:
    感觉比先前漂亮多了,呵呵
    支持(8反对(3回复
  1. 3
    finder   说道:
    我还以为我电脑出问题了,原来是改版了呀,说不定我也哪天来改改。
    支持(11反对(6回复
  1. 4
    NightFire   说道:
    建议把左边栏弄宽一点,正文栏窄一点。一来正文一行太长不利于读者阅读,二来现在左边的很多链接标题都恰折为两行不美观
    支持(9反对(4回复
  1. 5
    Yoja   说道:
    我的和你的主题一样,值得借鉴。学习ing。
    支持(7反对(3回复
  1. 6
    Kola   说道:
    现在的更大气,以前的更精致.个人感觉.
    支持(8反对(4回复
  1. 7
    J.wei   说道:
    顺势而为····
    支持(6反对(2回复
  1. 8
    绿叶塑料   说道:
    上来一看怎么变了?原来改版了哦,不错不错
    支持(9反对(5回复
  1. 9
    zhaoniupai   说道:
    大势所趋
    支持(7反对(3回复
  1. 10
    Washun   说道:
    to williamlong :900px在1440×900下看起来不窄啊。况且1440×900也不是主流,主流还是1024*768。
    支持(7反对(4回复
  1. 11
    kouz   说道:
    很好,看着很舒服
    支持(8反对(5回复
  1. 12
    google公司员工a   说道:
    改成自适应多好,真是笨
    支持(6反对(3回复
  1. 13
    enemy13   说道:
    怎么改的呀?

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

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

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

发表留言