小程教你加个背景图片在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的语句,将其修改成上面的代码就行了。

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