教你怎样为 wordpress 博客评论框添加背景图片
1 min read

教你怎样为 wordpress 博客评论框添加背景图片

相信有些同学已经注意到本博客( wordpress 技术构建的博客)评论框内的背景图片了吧!现在把笔者个人的一点小经验和大家分享一下。

1、首先用PS弄个自己喜欢的图片,尺寸根据自己博客的评论框大小来定,例如异星软件空间评论框尺寸是500×205,图片清淡简洁,直观且印象深刻。上传到博客主题所在的图片文件夹下,把图片地址记下。

2、找到你所用主题的评论文件comment.php,评论框是用textarea代码来控制,并且textarea文本区域对应的CSS样式表 ID为comment,打开style.css里找到#comment,这就是定义评论框的样式的。
类似这样:
#commentform textarea {
width: 97%;
height: 200px;
padding: 10px 7px;
border: solid 1px #d6d1c7;
background: #fdfde8 ;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

background: #fdfde8 ;这句是关键,将它改为:background-image:url(图片地址);  no-repeat scroll center center;

注意事项:图片地址写成:images/comment-bg.gif

2 thoughts on “教你怎样为 wordpress 博客评论框添加背景图片

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注