这个就是我部落格美化过的评论箱,如何 ? 还可以吗 ? 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 {4. 保存即可。
background: url(图片网址);
padding: 8px;
}
小解释
蓝色代码:图片的网址
紫色代码:字体颜色的代码
# 小提示:亲们可以用自己的美化代码来美化评论箱,只需要将美化的代码添加在 {...} 之间即可。
Categories: Bii の语法笔记, 评论箱