小小修改版面

所做修改包括:

  1. 首页移除“分类和标签”。个人觉得在首页不是很需要这个,而且由于iNove主题的原因,会导致文章分隔不是很清楚——尽管我对标题进行了加粗加黑和附加阴影效果。
  2. 将“阅读全文”的提示浮动到右侧,并加了个边框来使其明显,同时还加了个hover变色效果(虽然颜色搭配很丑,但至少明显了点)。
  3. 文章内页“分类和标签”右移,以使正文和下方内容有着较明显的间隔。

个人感觉这样子比原主题好看了一点。(在IE下丑了点,因为没有了圆角)

将“阅读全文”的提示移到右侧,除了文章间隔更加明显外,也有着将这个提示明显化的作用。嗯,这一说法是有点依据的。

古腾堡图表

古腾堡图表

一般来说,我们的阅读习惯都是从左到右,自上而下的,进行运动的合成就是从左上到右下了。

视觉落点

视觉落点

古腾堡图表中,左上角是第一视觉落点区(Primary Optical Area,POA),而右下角是最终视觉落点区(Terminal Anchor,TA)。与之相对,右上角和左下角则是视觉盲点。所以,大多数情况下,我们采用了对角线平衡(Diagonal Balance)的布局设计。

所以我将“阅读全文”的提示放到了右边,并加了点边框以使其更加明显。

小小修改版面》上有83条评论

    1. 流年 文章作者

      @snowxh, 使用css样式float:right;注意,使用了这个后,最后加一层div,并加上clear:both;的样式

      回复
    2. 流年 文章作者

      @snowxh, 看了一下你的博客(兼留言无数),在style.css文件163行找到.more-link,加入float:right即可;

      回复
      1. snowxh

        @流年, 我的电脑终于卡回来了
        我以前就是这样直接改的不行哦 你可以去看下会发现有个跟tags在同一行有的在下一行..

        回复
        1. 流年 文章作者

          @snowxh, 那你就在index.php中输出more链接后添加一个
          <div class=”clear”></div>
          clear如果你已有用,换个别的;
          然后在css文件中添加
          .clear {clear:both;}

          回复
        2. 流年 文章作者

          @snowxh, 另,最好在本地修改测试过无误后才传上去或在线修改

          回复
          1. snowxh

            @流年, 再次卡回来- –
            想了半天为什么有的在同一行有的不在 忽然醒悟是我有的在分段的地方点more 有的不是 囧
            我经常为这种白痴一样莫名的问题思考很久-_-

            回复
    1. 流年 文章作者

      @dengmin, 嗯,你需要强行刷新一下(一般浏览器都是ctrl+F5,opera点工具栏那个按钮)

      回复
    1. 流年 文章作者

      @BoKeam, 那就弄下别的啦,也不一定需要折腾它, :mrgreen:

      回复
  1. MOPVHS

    原来如此…我说最近那个页面看起来怎么不对…就是“阅读全文”的位置!!!

    非常感谢~~~

    回复
  2. vastar

    又见古滕堡,上次在PIZN那里也见过,也走的这条路线。流年快成“研究生”了~

    回复
    1. 流年 文章作者

      @vastar, 我是看书看到的。 😆 你才是真正的研究生

      回复
    1. 流年 文章作者

      @Jasoon, 很悲剧的是,我到现在都没成功上过你的,莫非是墙外?

      回复
      1. Jasoon

        @流年, 你应该是电信线路,我用的JustHost主机被电信屏蔽了,没被GFW屏,所以你上不了…悲剧啊!

        回复
          1. Jasoon

            @流年, 貌似教育网也屏了,总之国内除了网通访问还算流程,其他一切都over。

            回复
              1. Jasoon

                @流年, 不是我啊,是JH主机啊,因为JH主机价格比较便宜,且允许做成人站,所以电信等毫不犹豫的将其屏蔽了,这也是最近几个月的事啊。

                回复
                    1. 流年 文章作者

                      @Jasoon, 既然用收费的,干脆找个好的活着vps

                    2. Jasoon

                      @流年, VPS比较贵,而好的,我一开始以为JH很好啊,只是电信不这么认为而已。

                    3. 流年 文章作者

                      @Jasoon, 想老老实实做个博客之类的话,还是找些不允许做这些网站的吧(我对主机这些不懂,看如美国主机侦探之类的转一转吧)

                    4. Jasoon

                      @流年, 经常转,最终选了个被电信屏蔽的主机,那是相当不容易,一般人都没这运气。

    1. 流年 文章作者

      @diyidu, IE6啊!虽说我是xp,但也是IE8。算了,我没看到,我装作不知道

      回复
  3. 人好哇!

    呵呵,非常不错的教程呢!看来我也得规划一下版面的布置了……
    __________________________________________
    【★号外!今天小博满月,欢迎过来围观!★】

    回复
  4. 未扬清

    我感觉分类还是有必要的,有时候找一些东西或者是想看看你的博客风格的话,都不知道在哪儿?

    回复
    1. 流年 文章作者

      @未扬清, 分类有啊,在侧边栏。我只是在首页去掉文中的分类而已,内页是有保留的

      回复
    1. 流年 文章作者

      @静夜燃香, 读文的时候应该是很自然地移过去的吧(话说,鼠标也常是停留在右边的说)

      回复
    1. 流年 文章作者

      @SU, 可能是我网站的问题吧,我没用手机试过。嗯,非智能机使用UC可以上,留言等还真没测过

      回复
    1. 流年 文章作者

      @zwwooooo, 这要看主题,如果很明显的话,左边也很好;只是,我这个主题原本不会很明显的

      回复
  5. Pingback引用通告: 【读书笔记】瞬间之美(一) | Nic's Notebook

发表评论

电子邮件地址不会被公开。 必填项已用*标注