小程今天在评论、留言框加入了一个背景图片,为博客增加一些色彩,可是自己不懂css,找了半天才把图片加进去。这里就说说怎么做的。
首先,需要制作一个留言框大小的图片,例如小程的是600×125,每个人的留言框大小都有不同的,所以需要有所改变,这里可以使用这个叫“飞尺”的工具量量自己的留言框大小,然后再用作图工具制作。
制作好了图片后可以上传到自己的空间,也可以用提供外链的空间,小程这里使用的是外链的方式。
最后找到自己主题下的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的语句,将其修改成上面的代码就行了。
好了,把改的文件上传覆盖,最后就去看看效果吧。
免费空间挺快的。在那里申请的,不错,
呵呵,忘了说,前段时间买空间了,就回国了,所以变快了。
谢谢哦!
不客气
看到背景图了,很不错啊
呵呵,谢谢。可惜自己不懂美术,所以看着有些简单,将来有灵感再改改吧。