对文章缩略图做的小美化

By
WP札记

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

之前:

thumb-SummEve.jpg

之后:

thumb-TT.jpg

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

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

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

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

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

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

啰嗦完鸟

0

Comments: 107

  1. 呃,大哥的模板怎么变白色了啊^_^

    2010年09月05日
    • @Mucid 因为我很纯洁,所以用上了象征这个的白色~~啊,白鸟樱是谁……

      2010年09月05日
    • @阿修 冏,大哥你叫我情何以堪啊。。

      2010年09月05日
    • @Mucid 我想到白色的时候灵光乍现。莫非你认识这个女同志??

      2010年09月05日
    • @阿修 唔?求真相? 小日本名字貌似?

      2010年09月05日
    • @阿修 啥,大哥不说偶还不知道白鸟樱是谁昵。晚上再google现在上晚自习啦!

      2010年09月05日
    • @Afio 用google查出来之后你也要蛋定啊~~

      2010年09月05日
    • @阿修 我表示很不淡定。。。。古歌第三个很好狠强大,哦不很黄很暴力 = =

      2010年09月05日
    • @Afio 啊,你是坏人

      2010年09月05日
    • @阿修 (#‵′)靠 我赶马加鞭也追不上你啊,好同学!

      2010年09月05日
    • @Mucid 白的好啊,现在流行这个

      2010年09月05日
    • @N 不许拆穿我~~

      2010年09月07日
  2. 居然是动的。。。。再看看我的。。。很不淡定我。。。= =

    2010年09月05日
    • @Afio 淡定淡定,一切都是浮云~~

      2010年09月05日
  3. 把评论再往右边移动点,然后最好用简约图片显示,这是我的建议。

    2010年09月05日
    • @阿七 评论?是评论列表还是评论框?简约图片没想明白,是不是用一个简短的图片来表示?请指教

      2010年09月05日
    • @阿修 晕,我说错了鸟。是右边漂浮的Top按钮。。。

      2010年09月05日
    • @阿七 好的,改天修改修改

      2010年09月05日
  4. 哦 Related Posts 04及以下被遮挡的,还是设置下显示3个吧

    2010年09月05日
    • @Afio 你的是笔记本吧?hoho~~推荐大屏幕高分辨率。

      2010年09月05日
    • @阿修 额 我的确实有点小。。。。1280*800的。。。这年头大部分都是本吧 台式基本没见过 哦除了机房

      2010年09月05日
    • @Afio 家用还是台式机舒服哈,我用的台式

      2010年09月05日
  5. 这个有创意啊,效果很好

    2010年09月05日
  6. 突发发现你这是无限嵌套的,,,想法我也得弄个这

    2010年09月05日
    • @sfengz 这个其实挺好实现的,你折腾一下吧

      2010年09月05日
  7. 这个滑动的效果非常好~~

    2010年09月05日
  8. 这个缩略图改得好!!

    2010年09月05日
  9. 算是小改变

    2010年09月05日
    • @BoKeam 确实是小改变,不过积少成多嘛

      2010年09月05日
  10. 呵呵,修折腾起来就是不一般

    2010年09月05日
  11. 这个效果不错,鼠标放上去还可以动

    2010年09月05日
    • @ipage 嗯,稍微折腾了一下。效果还可以吧

      2010年09月05日
  12. 图片的缩略图效果挺不错的哈,怎么评论字体与文章字体大小不一样,看着怪怪的

    2010年09月05日
    • @derek 姑且认为是故意的吧

      2010年09月05日
    • @阿修 :?: 咋看咋不顺眼,哈哈

      2010年09月06日
    • @derek 已经改小很多了。再小就撑不起来啦

      2010年09月06日
    • @阿修 :twisted: :twisted: :twisted: 看起来好多了,原来字大了些看起来没有美感,嘿嘿

      2010年09月08日
  13. 直接屏蔽IE6哈。。
    上次屏蔽了IE6,7结果被一群SB喷了。。
    鸭梨很大啊!!!!!!

    2010年09月05日
    • @Mucid 所以暂时还是不屏蔽了~~他们喜欢看就看吧

      2010年09月05日
  14. 滑动的豪爽 ~ :idea: :idea: :idea: :idea:

    2010年09月05日
  15. 没看见效果,css没更新?建议加上时间戳,因为优化时设置了较长的缓存

    2010年09月05日
    • @winy 强刷吧。时间戳不知道怎么加

      2010年09月05日
    • @阿修 写个filter过滤css,php读取css文件时间,加在URL后面,你看我的css就知道了。每次修改都会变动url,所以浏览器就会自动去下载

      2010年09月05日
    • @winy 啊啊,这个果然很好啊。已经添加了~~谢谢winy

      2010年09月06日

发表评论

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

*

:razz: