小程教你加个背景图片在WordPress的评论、留言框中

2009年12月8日 | 分类: Wordpress | 标签: , , | 字体: 超大


  小程今天在评论、留言框加入了一个背景图片,为博客增加一些色彩,可是自己不懂css,找了半天才把图片加进去。这里就说说怎么做的。

  首先,需要制作一个留言框大小的图片,例如小程的是600x125,每个人的留言框大小都有不同的,所以需要有所改变,这里可以使用这个叫“飞尺”的工具量量自己的留言框大小,然后再用作图工具制作。

  制作好了图片后可以上传到自己的空间,也可以用提供外链的空间,小程这里使用的是外链的方式。

  最后找到自己主题下的style文件,寻找“textarea”这个字段。这里要说明一下,每个主题style文件都不同,例如小程使用的是“elegant-box”主题,我是查找的“textarea”,有些主题则是找“background”,或者找“comment”,一般都是含有“background”或“comment”字段的,大家可以多试试,我也是试了很久。

  当找到之后,在大括号里面添加下面这段代码

background: url('图片的链接地址') no-repeat center center;

  添加后变成这样:

textarea#comment {
    background: url('图片的链接地址') no-repeat center center;
    width:611px !important;
    width:610px;   
}

  有些是已经有了background的语句,将其修改成上面的代码就行了。

  好了,把改的文件上传覆盖,最后就去看看效果吧。

  1. simba
    2009年12月9日02:14

    免费空间挺快的。在那里申请的,不错,

    • 2009年12月9日09:00

      呵呵,忘了说,前段时间买空间了,就回国了,所以变快了。

  2. 2009年12月9日00:20

    谢谢哦!

  3. 2009年12月8日15:34

    看到背景图了,很不错啊

    • 2009年12月8日15:59

      呵呵,谢谢。可惜自己不懂美术,所以看着有些简单,将来有灵感再改改吧。