对文章缩略图做的小美化

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

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

之前:

thumb-SummEve.jpg

之后:

thumb-TT.jpg

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

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

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

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

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

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

啰嗦完鸟

评论:106

  1. 减肥食谱
  2. 减肥食谱 10/09/07

    :?: 换白大褂了啊,纯洁的让我都忘了什么是白色啦….

  3. 郑永
  4. 郑永 10/09/07

    现在发现手机访问网站的话,最好别设置成手机版,有点看不出网站效果。

    • axiu
    • axiu 10/09/08

      @郑永 永哥手机v5啊,主要是很多手机都是小屏幕的,所以不重新排版的话看着费劲~~呵呵,见谅啦见谅啦。

  5. zwwooooo
  6. zwwooooo 10/09/08

    css3厉害啊,话说这评论的确舒服鸟

  7. 向晚
  8. 向晚 10/09/08

    :mrgreen: 确实不错。

  9. 戒酒
  10. 戒酒 10/09/08

    真不错漂亮

  11. 绿森数码
  12. 绿森数码 10/09/09

    看文章XX网 学到了。。哈哈

  13. joyla
  14. joyla 10/09/09

    效果真不错,我的缩图就一般般了!修改下!

  15. forece
  16. forece 10/09/09

    效果很不错。I like IT

  17. 朵未
  18. 朵未 10/09/10

    哈哈,以前看你的主题都是偏灰黑,现在换成白色的感觉不一样了。你的这个评论框不定位针高级~缩略图美化的很酷。 :roll:

  19. Kada
  20. Kada 10/09/10

    你的主题又美化了啊!真厉害!
    侧边那个上下两个箭头,平滑滚动,是插件还是什么东西?教我弄下。

    • axiu
    • axiu 10/09/10

      @Kada 平滑滚动用的Jquery效果,你可以去这里看看:http://kan.willin.org/?p=1311

  21. uggaustralia
  22. uggaustralia 10/09/17

    如果用的是IE9行不行呢?

  23. 丰胸
  24. 丰胸 10/09/17

    这个效果很好啊

  25. GUETOnline
  26. GUETOnline 10/09/20

    求图片缩放插件~

  27. sm-art
  28. sm-art 10/11/04

    博主学什么专业的?

  29. WordPress啦
  30. WordPress啦 10/11/14

    做什么样才好呢

发表评论

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

*

: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="">

RSS订阅