给评论框加上个性签名

许权滔 — Mon, 07 Apr 2008 04:52:18 +0000

很早就在桥蛋的博客上看到它的评论框里加上了半透明的签名图片，觉得非常有个性！昨天去逛桥蛋的博客时看到有朋友问及如何实现评论框上的签名效果，自己也想知道，但桥蛋回复说这个效果是很久之前做的，所以自己都不记得了，要查看一下才能回复！

我是一急性子，很不喜欢等待的感觉，算了，不等了，自己研究一下吧！

通过查看桥蛋博客的网页源代码发现它这个签名效果是通过CSS代码实现的，那就简单了，只要不修改模板文件那就不用重建文件，这是我最怕的，要是需要修改模板的话也许我不会加上这个效果！

实现这个效果很简单，只需要三步即可：

第一步：当然是先PS一张自己的签名图片啦，大小自己看着办，花果山寨使用的尺寸是180X100；

第二步：打PS好的签名图片上传到正在使用的模板图片文件夹里；

第三步：在正在使用的模板CSS文件修改，在CSS文件里找到textarea.text，在}前加入以下代码：

background:url(“图片所在文件夹/qianming.gif”) center no-repeat;

至此完成修改，回到日志页面刷新一下是不是看到了你定义的签名图片？很酷吧！？我就不截图了，看本日志评论框里的效果吧！

花果山寨 » 签名背景