对文章缩略图做的小美化

axiu 撰写于 2010/09/05 | 106 条评论

继续啰嗦一点主题修改的东西。这次想说说昨天在没事的时候修改了一下的主题缩略图,使用的依然是之前介绍的截取文章第一个图片作为缩略图的效果。废话不多说,上图。

之前:

thumb-SummEve.jpg

之后:

thumb-TT.jpg

自我感觉还不错,做这个主要是看到于网上常见的相册堆。所以就把之前的图片罩罩去掉,放了几个span叠上去,又添加了一些css3的变形效果,放到一起就成了现在这个样子。具体可以查看我的style.css里的inner1和inner2。

怎么样,还可以吧。这个好处就是在IE下也不会有啥改变,顶多看着效果少一点。

—————————————————————————————————————-

至于其他的功能,可以去首页把鼠标放上去试试。因为一般文章图片比首页的框框要大,所以显示不全是很正常的事,做个滑动效果,就可以在横向(纵向暂时不想用)看到全图啦。

另外,评论框效果修改完成,照zww大叔的想法,放到底部果然看起来舒服多了啊。虽然没啥技术含量,但是看起来还挺像那么回事的。

当然,IE6持续不支持ing~~

啰嗦完鸟

评论:106

  1. 飞晏 飞晏 10/09/06

    图片背景挺好看的

    • axiu axiu 10/09/06

      @飞晏 貌似我没加背景。。

    • 飞晏 飞晏 10/09/06

      @阿修 Chrome、FF下面看着真像是背景,IE8貌似饿、也没效果!

    • axiu axiu 10/09/06

      @飞晏 IE不支持css3,所以啥效果都折扣了,只给它基本的东西温饱就行啦~~

  2. mice mice 10/09/06

    :eek: 改动真大啊..

  3. liheqi168 liheqi168 10/09/06

    看不出原来你是那么“纯洁”的

  4. liheqi168 liheqi168 10/09/06

    评论边框啥事搞到右边来了?

  5. oYoo oYoo 10/09/06

    很有创意的主题。

  6. 不错的效果,呵呵..

  7. QiQiBoY QiQiBoY 10/09/06

    嗯。。不错。。。 :smile:

  8. MOPVHS MOPVHS 10/09/06

    :razz: 罩罩去掉了~~

  9. ice ice 10/09/06

    几天没来…主题变帅了..~!

  10. 奶牛 奶牛 10/09/06

    相当帅气地说,赞一个 :mrgreen:

  11. ZYW ZYW 10/09/06

    效果不错哈。
    看到最后一个IE6,我表示鸭梨很大。
    LET’S KILL IE6

  12. Lazyyyyyy Lazyyyyyy 10/09/06

    美化的效果很不错~
    鼠标停留缩略图的时候效果也有趣~如果再添加点击缩略图进文章可能更好?

  13. Lazyyyyyy Lazyyyyyy 10/09/06

    经对比,这款主题在IE和非IE下,相差很大吖……

    • axiu axiu 10/09/06

      @Lazyyyyyy 只是缩略图的美化而已,还有部分的阴影。相差不是很大吧~~哈哈

  14. 不死鸟 不死鸟 10/09/07

    很简洁

  15. 学夫子 学夫子 10/09/07

    这个有一种立体感,让人看了就有点击的欲望,呵呵

发表评论

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

*

:razz:

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">