给WordPress评论框加背景图片

文章热度: 297 ℃ | 分类: WordPress图文教程

标签:

给WordPress评论框加背景图片

发表于: 2012 年 11 月 5 日 | 4 条评论

是不是觉得自己博客的评论框太单调?

会不会很多人来了却很少人留下脚印?

那么…为自己的评论框加一张背景图片吧…

方法很简单,步骤如下:

一、找到定义评论框css代码,这里WP巴士推荐用Chrome浏览器的“审查元素”功能,如下图(点击图片放大):

二、在下面代码处找到定义评论框的id,WP巴士的是“.textarea-input”,如下图:

三、进入后台 – 主题 – 编辑style.css文件,搜索你的评论框ID,如:”.textarea-input“,在里面加入如下代码:

background-image:url(images/comment-bg.png);
background-repeat:no-repeat;
background-position:center center;

background-image,表示背景图片的地址,可以是绝对地址,也可以是相对地址(相对于style.css文件来说的)
background-repeat,该属性表示是否重复,no-repeat为不重复,默认重复。
background-position,该属性用来控制图片在评论框中的位置,前一个参数表示左右位,后一个参数表示上下位。

修改后保存,大功告成!

最后记得把你的背景图片上传到主题目录下的images文件夹里,这里WP巴士给大家分享几张透明png背景图片,喜欢的朋友可以拿去用(右键直接保存即可)。


除非注明,网站文章均为原创,转载请标明本文地址
本文地址: http://www.wpbus.com.cn/to-wordpress-comment-box-and-the-background-picture.html





上一篇:
下一篇:

关于小编:爱博客、爱游戏、爱熬夜又爱睡觉。梦想环游世界,现实宅在家中...

新浪微博 | 腾讯微博 | 订阅我们