如何在BO-BLOG中的评论留言框中加入背景图片

最近在和卢松松的博友互访,不得不说,在卢松松博客中评论的博友真的很不错,都是实打实的朋友,同时,我自己博客RSS订阅数也有所提高。又跑题了,今天说的不是这个,今天说的是,如何在BO-BLOG中的评论留言框中也加入像卢松松同学那样的背景图片。

卢松松同学的那个图片很有特点,“我坚信,评论可以一针见血” 就是这句话,让卢松松博客评论明显增长了不少,他的博友们都以看评论为乐趣,因为,评论的总字数往往会比他的博文字数还多。

卢松松用的是Z-BLOG,而用的是BO-BLOG,所以修改方法也不一样,不过都是大同小异,全是修改模板

修改方法(是我在BO-BLOG论坛中翻出来的,就是冰剑的那个帖子,当时冰剑的博客那个图好难看啊)

1. 打开模版中的 Style.css 查找 textarea

检查下有没有 background 参数,如果没有,则在下方加入一句

background: url('images/图片文件名.gif') no-repeat right bottom;

PS: 如果像让图片居中的话,把后边的 right bottom 改成 center center 即可

下边给出我的 textarea 字段的全部代码,大家可以对照一下

textarea {
margin:0;
border: 1px solid #B3B9C3;
width:350px;
height:80px;
padding:5px;
font:12px;
background:#ffffff url('images/input_bg.gif') no-repeat center center;

另外,大家如果想要这个一针见血的背景图的话,可以直接去卢松松博客中找他的模板下载。具体位置在./Z-Blog18/THEME/LuSongSong/style/images/comment-text-lusongsong.gif