如何在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

相关评论

  1. 秋水博客说道:

    谢谢,已经弄好了!~

  2. zeroding说道:

    mark一下,以后再学习。。。

  3. 网络生活说道:

    按照你的方法,设置好了,3Q

  4. 老T说道:

    照着这个样子加了一个~
    搞这张图花了我半天时间~

  5. darkiyu说道:

    textarea:hover {
      background: url('images/text_hover.jpg');
      border: 1px solid #3c3c3c;
    }

    鼠标点击评论框和没点击的背景图片就不一样了stupid

  6. 北方熊之舞说道:

    弱弱问句:在国外的那个角落了?

  7. 冰剑说道:

    我美工确实惨不忍睹。。
    但是你的审美观也太。。。。
    里面红色的字,我感觉于周围不融洽。。

    要不要点击隐藏,离开显示??

  8. 古墓候梅说道:

    呵呵…
    这个我已经添加了.

  9. 真好网说道:

    PJBlog能搞个就好了。

  10. 平平说道:

    这张图片你盗版啦 哈哈哈

  11. ainisp说道:

    暂时用不上。。。

  12. 重yang说道:

    卢松松很会推销他的博客,看来是花了很多时间的

  13. 阿修说道:

    WP也可以。。以前弄过,好像后来抽风给去掉了

  14. 锅饼走天下说道:

    路过,走走,学学,谢谢。

  15. 无疆说道:

    不知道这是否适用于WP

  16. 北方熊之舞说道:

    大半夜的来串个门,茶就不用了哈~

  17. mice说道:

    我坚信松松的评论一直会很多..

  18. goldapple说道:

    搞的很到位啊

  19. 老饕说道:

    呵呵,卢松松博友~~流窜过来了~~

  20. 大剑说道:

    虽然咱不用BO-blog,不过也来支持一下,嘿嘿

  21. Haizi说道:

    来你这边睢睢…….  你博客不错嘛!

  22. 亮仔仔说道:

    松松的脚步遍布一切

  23. kiyu说道:

    可以再加一个 a hover:
    变来变去的。。。

  24. Hobo说道:

    来溜达溜达,呵呵,卢松松确实交友甚广啊

相关评论:

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