阅读:3688回复:0
wordpress教程:给WordPress评论框加背景图片
[tr][td]是不是觉得自己博客的评论框太单调?
会不会很多人来了却很少人留下脚印? 那么…为自己的评论框加一张背景图片吧… 方法很简单,步骤如下: 一、找到定义评论框css代码,这里魔客吧推荐用Chrome浏览器的“审查元素”功能,如下图(点击图片放大): 图片:083828plklua4ul4x8478r.gif 二、在下面代码处找到定义评论框的id,WP巴士的是“.textarea-input”,如下图: 图片:083828plklua4ul4x8478r.gif 三、进入后台 – 主题 – 编辑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背景图片,喜欢的朋友可以拿去用(右键直接保存即可)。 图片:083828plklua4ul4x8478r.gif 图片:083828plklua4ul4x8478r.gif 图片:083828plklua4ul4x8478r.gif 图片:083828plklua4ul4x8478r.gif 图片:083828plklua4ul4x8478r.gif </strong> [/td][/tr] |
|