为评论添加背景还有框框


我又来发教程了啦 :)  这次是评论添加背景还有框框哟

先到模板 --> 修改 Html --> 继续 --> Ctrl + F 寻找 .comments .comments-content .comment-content {

然后就在它的后面添加以下的代码
border:1px dashed #cccccc;
border-radius:5px;
padding:3px;
background:url(背景网址);
温馨小提示 ❤
❤ 红色的字 --> 框框的厚度
❤ 黄色的字 --> 框框的种类
❤ 粉色的字 --> 框框的颜色
❤ 蓝色的字 --> 背景的链接网址

好了就可以保存来了 :)

如果你 Ctrl + F 发现没有 .comments .comments-content .comment-content { 的话，就找 /* Comments 

然后在 ----------------------------------------------- */ 的下面添加以下的代码
.comments .comments-content .comment-content {
border:1px dashed #cccccc;
border-radius:5px;
padding:3px;
background:url(背景网址);
}
好了就可以保存起来，去看看你的评论箱的评论有没有背景吧 =D

其实你还可以加很多效果进去的哦，比如说让框框会发光的效果等等，发挥自己的想象力弄一个属于自己的评论箱吧 =)
❤

2 条评论:

  1. -2012年12月16日 23:04

    成功料:D
    感謝，之前在這裡剛好要找這篇帖子，現在你恰恰好發布了教學。

    回复删除

留言规则 请勿犯规 :)

--------------------------------------------------------------------------------

1、由于评论太哆，有些我不能一一评论

2、如有捣乱着，恕我删除留言

3、有些博友要的教程，请勿再三询问，请到教程列表里仔细寻找

谢谢 :)

*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*