美化博客的评论框

现在的位置: 首页＞WordPress＞正文

美化博客的评论框

发表于580 天前 ⁄ WordPress ⁄ 评论数 13 ⁄ 被围观 1,742 阅读+

美化评论框

网页当中的长文本输入框默认的是一片空白，总是让人感觉空空的。我们在不少的论坛、博客上看见，他们评论区是有一些提示内容或者漂亮图案。其实，我们也可以对博客的评论框进行美化。而且方法简单快捷！
打开你的主题当中的评论模版(comments.php)——找到下面的代码：

为textarea 标签添加一个class属性，属性值为comment。修改后的代码为：

<textarea name="comment" class="comment" cols="100%" rows="10" tabindex="6"></textarea>

提示：有不少的主题里面有id=”comment”或者class=”comment”这些属性。那么，就不需要再对评论模板进行修改了。

接下来就是为comment这条class添加对应的css样式代码了。打开主题当中的style.css文件，在末尾添加下面的代码：

.comment {
	background: url(背景图片的地址) no-repeat left 0;
	width: 400px;     //设置数值和你的评论框宽度一样
	height: 160px;   //设置数值和你的评论框高度一样
}

好了，刷新一下文章页面，看看效果吧！

关于作者

凡尘飞扬, 天津冶金职业技术学院

系统安装与维护，Lamp运维，企业主页解决方案，系统优化

比特斯数位空间豆瓣新浪微博 Twitter 腾讯微博

向文章付费请作者吃饭

固定链接: 美化博客的评论框 | 凡尘飞扬 +复制链接

作者: 凡尘飞扬

Everyday is Great!欢乐每一天，微笑每一天！

该日志由凡尘飞扬于2010年10月17日发表在WordPress分类下，你可以发表评论，并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: 美化博客的评论框 | 凡尘飞扬
关键字: 代码, 美化, 评论

【上篇】Ubuntu技巧轮播代码
【下篇】下载Chrome离线安装包

您可能还会对这些文章感兴趣！