教程 | 美化评论箱 II

一月 22, 2022 | views
Comments 0
教程 | 美化评论箱 II 这个就是我部落格美化过的评论箱，如何 ? 还可以吗 ? XD 这就来教教大家如何美化评论箱。先前已经发布过 如何美化评论箱 I 的教程，那个是比较 basic 的，现在

教程 | 美化评论箱 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. 保存即可。

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

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


Categories: Bii の语法笔记, 评论箱
美食家dbtag  

相关文章: