对文章缩略图做的小美化

By
WP札记

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

之前:

thumb-SummEve.jpg

之后:

thumb-TT.jpg

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

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

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

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

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

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

啰嗦完鸟

0

Comments: 107

  1. 图片背景挺好看的

    2010年09月06日
    • @飞晏 貌似我没加背景。。

      2010年09月06日
    • @阿修 Chrome、FF下面看着真像是背景,IE8貌似饿、也没效果!

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

      2010年09月06日
  2. :eek: 改动真大啊..

    2010年09月06日
  3. 看不出原来你是那么“纯洁”的

    2010年09月06日
  4. 评论边框啥事搞到右边来了?

    2010年09月06日
  5. 很有创意的主题。

    2010年09月06日
  6. 不错的效果,呵呵..

    2010年09月06日
  7. 嗯。。不错。。。 :smile:

    2010年09月06日
  8. :razz: 罩罩去掉了~~

    2010年09月06日
    • @MOPVHS 小兄弟,你想太多了。

      2010年09月06日
  9. 几天没来…主题变帅了..~!

    2010年09月06日
    • @ice 这个必须的嘛!~~

      2010年09月06日
  10. 相当帅气地说,赞一个 :mrgreen:

    2010年09月06日
  11. 效果不错哈。
    看到最后一个IE6,我表示鸭梨很大。
    LET’S KILL IE6

    2010年09月06日
    • @ZYW Let’s do it!!!

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

    2010年09月06日
  13. 经对比,这款主题在IE和非IE下,相差很大吖……

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

      2010年09月06日
  14. 很简洁

    2010年09月07日
  15. 这个有一种立体感,让人看了就有点击的欲望,呵呵

    2010年09月07日

发表评论

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

*

:razz: