月光博客 » 网络日志 » 更改博客页面宽度到960像素

更改博客页面宽度到960像素

  昨天博客的宽度修改为960的宽度,经过一天的测试,效果还可以,如果大家发现显示有异常的情况,刷新一下浏览器即可加载最新的CSS样式。

  上一次月光博客改版,最终将显示宽度调整到890,但事实证明,这个宽度并不是一个最佳宽度,有必要将我的博客宽度再次增加。而到底什么宽度最为合适,经过分析,我选择了960这个宽度。

  为什么用这个宽度呢?原因如下:

  现在的网页设计的行业标准应该就是960像素宽度,目前绝大多数门户网站和大型网站都使用960像素左右的分辨率,随大流通常不会有错。

  网站需要多分辨率支持,去年的时候我也对用户分辨率进行过统计,今天再次统计,发现数据变化很明显,1024×768分辨率的用户从62%下降到50%,而1280-1440这三个分辨率的用户从26升到35%,如果按照这个速度发展下去,明年就会超过1024分辨率,这说明,使用17寸普屏的用户正在加速减少,而17、19寸宽屏用户正在稳步逐步增加,960像素宽度视觉效果在1024下还不错,在宽屏显示器下效果也还可以,是一个兼容17寸普屏、宽屏、19寸宽屏的最佳宽度。

屏幕分辨率统计

去年访客屏幕分辨率统计

屏幕分辨率统计

今年访客屏幕分辨率统计

  在默认的浏览器宽度下,不会产生横向的滚动条,显示视野即不太宽,也不很窄。

  广告的排版较为容易,并且完全符合最流行的Google AdSense广告格式,可以针对AdSense做特殊的优化。左侧的200侧栏正好够放AdSense摩天大楼广告,右侧内容栏宽度正合适728宽度系列的广告,内容页面的矩形框放300×250的广告既较为醒目,也不会占据太多文章显示空间。而使用其他宽度的页面,很难同时满足这几种常见广告的同时显示。

  因此,我的博客也就增加到了960的宽度,如果你也在使用Z-Blog的这个j-spring样式,可以直接点这里从Z-Blog样式路径下载我修改过的CSS样式,经过我的测试,这个960的CSS显示效果的确不错。

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

相关文章

  1. 1
    Yimi   说道:
    打开你的博客弹出一个需要运行以下加载项“Microsoft Corporation"中“MSXML 5.0”,这是个什么东东?
    支持(16反对(7回复
  1. 2
    wang   说道:
    没觉得有什么变化呀
    支持(15反对(7回复
  1. 3
    无忧   说道:
    不错不错,支持
    支持(17反对(9回复
  1. 4
    小一   说道:
    哈哈~~我现在做网站基本都在950,和你博客差不多。。。
    支持(12反对(6回复
  1. 5
    123   说道:
    我的还是800*600
    支持(12反对(6回复
  1. 6
    群振   说道:
    月光博客的网速比以前快了很多啊。
    支持(13反对(7回复
  1. 7
    视觉前线   说道:
    月光,一个不情之请,你的blog模板我在zblog找了半天不见,能否给个下载地址,谢谢啦。
    支持(13反对(8回复
  1. 8
    摆渡口   说道:
    是好了一些...........
    支持(13反对(8回复
  1. 9
    fengyihot   说道:
    怎么没1920x1200的统计?
    支持(14反对(10回复
  1. 10
    abnerfan   说道:
    头顶的banner图片不怎么不见了,就只见到“月光博客”等几个字!
    支持(13反对(9回复
  1. 11
    haibinchenxi   说道:
    分辨率调大,字体也应该相应调大才是,现在的字体在大屏幕显示器看起来太小了,毕竟宽屏的点距比普屏小多了
    支持(11反对(7回复
  1. 12
    阿印   说道:
    看起来大气多了
    支持(10反对(6回复
  1. 13
    WRIHUI   说道:
    感觉上都差不多。
    支持(11反对(7回复
  1. 14
    订阅不留言   说道:
    我觉得比以前好!!!
    支持(10反对(7回复
  1. 15
    Louis   说道:
    分辨率提高到1280-1440,
    其实跟笔记本的普及也是有很大关系的,
    因为主流的14.1'笔记本显示屏,
    低分的是1280,高分的是1440
    支持(10反对(7回复
  1. 16
    jiagua   说道:
    还算习惯,内容好的话,关系不大。
    支持(12反对(9回复
  1. 17
    ares   说道:
    感觉舒服多了
    支持(13反对(10回复
  1. 18
    Aydon   说道:
    我现在用的都是宽屏的,感觉不错
    支持(14反对(11回复
  1. 19
    LeonLau   说道:
    不错,谢了!
    支持(10反对(7回复
  1. 20
    吖Bee   说道:
    哇~宽了很多~好看很多啊~

    沙发之
    支持(10反对(8回复
  1. 21
    maxsailor   说道:
    现在是屏幕越来越大了,特别是宽屏的流行,但本人还是喜欢普屏。
    支持(13反对(11回复
  1. 22
    jiang   说道:
    下面的那个滚动条可以消除掉吗
    支持(17反对(15回复
  1. 23
    半醉人间   说道:
    月光看看google资讯栏目的logo错误,是这么回事儿吗?
    http://blog.laifangwen.com/htmldata/it/2009/02/22/159.html
    支持(11反对(9回复
  1. 24
    土匪   说道:
    为什么不弄成按百分比显示
    比如98%
    支持(10反对(8回复
  1. 25
    有图   说道:
    博客的屏宽到到底是多宽?这需要综合考虑,大型网站很重要的事他们的屏幕寸土寸金,而作为博客未必学大站,而更多从使用体验来考虑,多考虑人的阅读习惯,而不必考虑整体非要多宽看着舒服,如主要文字和边栏的宽度应为阅读方便而设计,稍微兼顾广告布局即可(如果你有广告),毕竟读者主要是阅读主页面的文字,如果主页面文字太宽或太窄会使人阅读容易累。
    自己瞎说的,可以讨论。
    支持(15反对(13回复
  1. 26
    安sir   说道:
    不知道说什么了,今天看了好多这样的文章,有点晕了
    支持(8反对(6回复
  1. 27
    杭州物流   说道:
    的确有变化,不错
    支持(10反对(9回复
  1. 28
    slane   说道:
    我的是950会怎样 10没差吧 呵呵
    支持(14反对(13回复
  1. 29
    猪猪   说道:
    没感觉出什么变化。
    支持(9反对(8回复
  1. 30
    小鱼   说道:
    我还是用老的17
    支持(8反对(7回复
  1. 31
    RoCry   说道:
    唉~ 现在都是宽屏了啊
    支持(11反对(10回复
  1. 32
    核桃   说道:
    换过来更好呢?
    现在很饱满的说.
    而且19"的显示器现在越来越多了.
    支持(12反对(11回复
  1. 33
    修愚   说道:
    我在网吧,19的液晶,非宽屏的,效果不错

    晚上回家我再在我的宽屏液晶上测试下
    支持(14反对(13回复
  1. 34
    leon   说道:
    非常好!我的已经改了。
    支持(13反对(12回复
  1. 35
    小寒博客   说道:
    看起来不错啊
    支持(15反对(14回复
  1. 36
    爱健康   说道:
    这么细心的用户体验感觉很好,不错!
    支持(9反对(8回复
  1. 37
    姬良   说道:
    这个感觉不错
    支持(13反对(12回复
  1. 38
    YCF.name   说道:
    960是大势所趋!
    支持(8反对(8回复
  1. 39
    SILENCE   说道:
    宽阔不少啊~!
    支持(9反对(9回复
  1. 40
    iridiumcao   说道:
    为什么不根据用户的屏幕分辨率自动调整显示宽度呢?这点实现起来又不是很麻烦。
    支持(10反对(10回复
  1. 41
    教育技术教研室   说道:
    我这个是自适应的,感觉还可以吧!
    支持(8反对(8回复
  1. 42
    swgy   说道:
    液晶降价书,现在新机一般都是1440以上。
    支持(15反对(15回复
  1. 43
    Dracy   说道:
    为什么不考虑自适应宽度呢?这样就不用考虑分辨率问题了。。你是两栏的设计应该没有问题。
    支持(6反对(6回复
  1. 44
    loveyou   说道:
    呵呵,主流啊
    支持(8反对(8回复
  1. 45
    逸冰   说道:
    请问博主的这个模版是在哪里下载呢?
    支持(9反对(9回复
  1. 46
    hacvk   说道:
    j-spring
    960是大势所趋
    支持(10反对(10回复
  1. 47
    康有或   说道:
    博主牛人啊,要向您学习
    支持(9反对(9回复
  1. 48
    蓝天博客   说道:
    现在视觉效果好多了。月光的模板很多人在用啊!
    支持(13反对(14回复
  1. 49
    独行剑客   说道:
    感觉没什么变化哎
    支持(9反对(10回复
  1. 50
    imsc   说道:
    宽版的好看啊,支持月光。
    支持(6反对(7回复
  1. 51
    汉文溪   说道:
    月光总是那么的细心和精心
    支持(7反对(8回复
  1. 52
    williamlong   说道:
    看不见banner的请刷新一下浏览器。
    支持(9反对(11回复
  1. 53
    络菲博客   说道:
    博客的宽度修改为960的宽度
    支持(6反对(8回复
  1. 54
    视觉前线   说道:
    个人觉得920的比较合适,只是现在1024还是主流,如果需要修改css,等段时间可能好点。
    支持(10反对(12回复
  1. 55
    .G.   说道:
    用相对宽度不就行了吗?
    支持(8反对(10回复
  1. 56
    grnnet   说道:
    真的不错哦,我也改改
    支持(8反对(10回复
  1. 57
    ppt911   说道:
    很漂亮 我没有使用Z-BLOG 现在用的是PJ3
    支持(5反对(7回复
  1. 58
    herbblog   说道:
    感觉没什么变化 我是1280×800
    支持(8反对(11回复
  1. 59
    froons   说道:
    嗯,不错,我是800*600的显示器,看的时候需要拉一下下面的滚动条,内容部分能完整阅读,如果左栏内容能换到右侧就更好了。
    屏宽和内容也有关,内容少还是窄屏的体验好,期待你更多的妙文。
    支持(9反对(12回复
  1. 60
    Spark   说道:
    我的1280x800没什么感觉.
    支持(6反对(10回复
  1. 61
    三脚猫   说道:
    昨天晚上就发现了,而且首页增加了ADSENSE 广告链接单元
    好东西,收藏下啦。
    支持(11反对(15回复
  1. 62
    打江南走过   说道:
    看来忽略了很多网站细节工作。
    支持(9反对(13回复
  1. 63
    塞班互动   说道:
    恩,我做论坛的时候,测试过了,目前大多数人用的1024×768的。所以我论坛的图片最大宽度不超过720像素。
    支持(9反对(14回复
  1. 64
    williamlong   说道:
    顶上有个JPG的logo图片,无法实现自适应宽度。
    支持(7反对(12回复
  1. 65
    红尘往事   说道:
    宽些看着舒服!
    支持(7反对(12回复
  1. 66
    hosingmans   说道:
    我觉得暂时还不需要到960PX,因为1024*768还是主流。
    现在到960PX 1024*768分辨率的用户会觉得网站很堵得慌!
    支持(6反对(12回复
  1. 67
    olobby   说道:
    貌似比以前好多了
    支持(8反对(14回复
  1. 68
    炎龙博客   说道:
    我的就是1024了,这个宽度应该在目前常用的分辨录下都可以正常显示。
    支持(10反对(16回复
  1. 69
    斗牛士   说道:
    重庆人民发来贺电!
    支持(8反对(14回复
  1. 70
    静夜如水   说道:
    月光兄辛苦了,今天还没更新呢
    支持(11反对(17回复
  1. 71
    jack   说道:
    未免有些见风就是雨了,数据浮动变化很正常,但还不至于到N取代X的地步.
    支持(9反对(16回复
  1. 72
    虎000   说道:
    宽了很多~好看很多啊
    支持(7反对(14回复
  1. 73
    aa   说道:
    如果顶图改一个简洁有概括力和设计感的样式,应该会更有冲击力,更好看。
    现在这个太具象。
    支持(6反对(15回复

发表留言