Creamy.

教程 | 美化评论箱 II



这个就是我部落格美化过的评论箱,如何 ? 还可以吗 ? XD 这次就来教教大家如何美化评论箱。先前已经发布过 如何美化评论箱 I 的教程,那个是比较 basic 的,现在这个就比较复杂,请大家仔细的跟着步骤走哦。

* 此教程只限新模板使用者 *

1. 模板 → 修改 HTML

2. Ctrl + F 寻找代码 /* Comments
----------------------------------------------- */

3. 在 /* Comments
----------------------------------------------- */ 下面添加以下代码:

蓝色箭头 -
.comment-content {
border-radius: 4px;
background: url(图片网址);
padding: 5px;
color: #字体颜色;
}
 红色箭头 -
.comment-header {
text-align: center;
padding: 5px;
background: url(图片网址);
}
黑色箭头 -
.comment-block {
background: url(图片网址);
padding: 8px;
}
4. 保存即可。

小解释
蓝色代码:图片的网址
紫色代码:字体颜色的代码

# 小提示:亲们可以用自己的美化代码来美化评论箱,只需要将美化的代码添加在 {...} 之间即可。


3 comments:

っ 谢谢你耐心的看完这篇帖子 ♥
っ 评论将在博主审核后发布,如有不便,敬请原谅哦 :)
っ 除了评论之外,亲也可以选择在 Cbox 留言或 PM 我的部落格专页信箱

ベ 请用词确切,勿使用脏字哟
ベ 部落格不接受匿名评论,评论前请确保你拥有 Google Account 哦
ベ 请仔细列明你的问题好方便我回答哦 :)

* 感谢你的留言,欢迎下次再来。