如何在BO-BLOG中的评论留言框中加入背景图片
最近在和卢松松的博友互访,不得不说,在卢松松博客中评论的博友真的很不错,都是实打实的朋友,同时,我自己博客的RSS订阅数也有所提高。又跑题了,今天说的不是这个,今天说的是,如何在BO-BLOG中的评论留言框中也加入像卢松松同学那样的背景图片。
卢松松同学的那个图片很有特点,“我坚信,评论可以一针见血” 就是这句话,让卢松松博客评论明显增长了不少,他的博友们都以看评论为乐趣,因为,评论的总字数往往会比他的博文字数还多。
卢松松用的是Z-BLOG,而我用的是BO-BLOG,所以修改方法也不一样,不过都是大同小异,全是修改模板
修改方法(是我在BO-BLOG论坛中翻出来的,就是冰剑的那个帖子,当时冰剑的博客那个图好难看啊)
1. 打开模版中的 Style.css 查找 textarea
检查下有没有 background 参数,如果没有,则在下方加入一句
PS: 如果像让图片居中的话,把后边的 right bottom 改成 center center 即可
下边给出我的 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
谢谢,已经弄好了!~
mark一下,以后再学习。。。
按照你的方法,设置好了,3Q
照着这个样子加了一个~
搞这张图花了我半天时间~
textarea:hover {
background: url('images/text_hover.jpg');
border: 1px solid #3c3c3c;
}
鼠标点击评论框和没点击的背景图片就不一样了
万分感谢~ HOHO!
弱弱问句:在国外的那个角落了?
加拿大的蒙特利尔
我美工确实惨不忍睹。。
但是你的审美观也太。。。。
里面红色的字,我感觉于周围不融洽。。
要不要点击隐藏,离开显示??
呃,那你觉得哪样比较好看?
呵呵...
这个我已经添加了.
手快,有前途,有你接替黎叔我很欣慰啊。
PJBlog能搞个就好了。
模板修改方法都大同小异,试试改改看吧
这张图片你盗版啦 哈哈哈
他整个模板都开源了,还有什么盗版之说
暂时用不上。。。
呵呵,那就不用吧。
卢松松很会推销他的博客,看来是花了很多时间的
起码是我的三倍
WP也可以。。以前弄过,好像后来抽风给去掉了
呃,你经常折腾你的模板。
路过,走走,学学,谢谢。
多走走,多学学,有助于身心健康
不知道这是否适用于WP
WP要改相应的模板,应该也可以,照猫画虎,试试吧。
大半夜的来串个门,茶就不用了哈~
你那边的大半夜,正好是我这边的白天。
我坚信松松的评论一直会很多..
我也坚信,和他的努力分不开的
搞的很到位啊
永远没到位,永远有更好的,哈哈
呵呵,卢松松博友~~流窜过来了~~
我们是害虫,到处流窜
虽然咱不用BO-blog,不过也来支持一下,嘿嘿
感谢纯支持的
来你这边睢睢....... 你博客不错嘛!
哈哈,谢谢夸奖,如果真不错的话,订阅吧。
松松的脚步遍布一切
松松的脚很小,但是很有耐力。
可以再加一个 a hover:
变来变去的。。。
啊,说的详细点。
来溜达溜达,呵呵,卢松松确实交友甚广啊
太广了~~我都不知道他每天怎么访问那么大量的博客的。