• 让回复留言的按钮动态点

    分类：WordPress, theme skill | 标签： ,, | 浏览次数：2,359

    每个博客辛苦写完文章后当然是希望得到更多的回应，而在WordPress系统中我们可以使用如Think Again做的优秀插件mailtocommenter。这样我们会得到一个回复的图标，方便访客。但每个回复的图标都呆呆地躺在那里，显得也有点冷落。那我们就做点什么的，让这个重要的图标带点活力。

    处理的方法很简单，就是使用几句CSS的语句，让回复图标只在鼠标停留在所在留言楼层才会出现，否则它就隐藏起来。这样会出现和消失的图标一定会吸引访客的，效果应该比默认显示的好。

    081216 让回复留言的按钮动态点

    其实效果就是象twitter的回复图标的出现方法一样了。在Sofish最近的文章《10个改善UI设计的技术》中（建议阅读！）也提供了这个效果的制作方法。在我的模板中，我增加的代码如下：

    .re_icon img {margin-left:5px;border:none;}
    .commentlist li .re_icon img { display: none; }
    .commentlist li:hover .re_icon img { display: inline;}

    其中：

    第一句：.re_icon img用来决定回复图标的基本样式位置等；
    第二句：指定图标默认隐藏；
    第三句：指定当鼠标停留在.commentlist li这一层时候，回复图标出现。一般属性可以写display: block;，如果你发现位置有点异样，可以象我一样写成display: inline;。

    是不是很简单，但效果绝对不错。如果你是用RSS阅读我的文章的话，也建议到我网站上去看看玩玩，不错不错的。

    P.S. 再把这个小功能加上去后，突然发现自己把blog当作玩具了，尤其那些Ajax的效果，点来点去真的挺好玩的，呵。

    或者收藏到 Delicious。建议通过 RSS 订阅本站更新。你还可以 follow me 谢谢！ — by Jinwen @ 2008/12/16 21:30