为 Post A Comment 添加框框 / 背景

在写这篇教程前要向某位亲爱的博友道歉，因为那个状态吓到你了  哈哈 :)

放心啦  我不会随便就骂人哒 xD

其实是最近有一些烦人的事情才写那个状态的  哈哈

好了  言归正题 :)

就好像图片里面显示的一样，为这两个小家伙添加背景呗


先到设计 --> 修改 Html --> Ctrl + F 寻找【]]></b:skin>】

然后在【]]></b:skin>】的上面添加以下的代码

背景要颜色的代码
h4 {
background-color: #FFF0AC;
border:2px #FFFFFF  solid;
color: #ffffff;
width:140px;
padding: 1px;
border-radius: 6px;
-moz-box-shadow: 0 0 20px #FFF0AC;-webkit-box-shadow: 0 0 40px #FFF0AC;
}
背景要图片的代码
h4 {
background-image: url(背景网址);
color: #ffffff;
width:140px;
}

温馨小提示 ❤
❤ 红色的字 --> 背景的颜色 / 网址
❤ 浅蓝的字 --> 框框的厚度
❤ 粉色的字 --> 框框的颜色
❤ 黄色的字 --> 框框的种类
❤ 青色的字 --> 字体的颜色
❤ 浅紫的字 --> 框框的宽度
❤ 橙色的字 --> 框框的圆度，树木越大就越圆哦
❤ 灰色的字 --> 外框阴影的颜色

好了就先预览看看代码有没有问题，如果没有问题的话就保存起来 =D

完成  哈哈
❤

4 条评论:

留言规则 请勿犯规 :)

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

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

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

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

谢谢 :)

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