OREO Queen ♥: 教程/Tutorial || 评论显示处的背景/Comment-body's Background

Tuesday, September 20, 2011

教程/Tutorial || 评论显示处的背景/Comment-body's Background

本人今天手痒

>.<

所以大家今天有福啦

今天我要教如何在留言显示处放背景

I'm itchy today

>.<

so you're very lucky today

i'll make a tutorial about Comment-body's background

是什么来的？给你看图片

what is it?Let me show you a picture

教程开始

Tutorial start

点它/Click:

中文/Chiness:

① 信息中心 --> 设计 --> 修改HTML

② 寻找以下代码

#comments-block .comment-body p {

③ 找到之后，在它的下面添加以下代码

background: url(背景网址) repeat;
border-top: 2px solid #000000;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
margin:0 0 1.5em;
padding:7px 10px 7px 10px;
margin:0 0 .75em;
}

④ 橙色 - 框框颜色代码 >>颜色代码<<
绿色 - 你可以换为dashed、dotted、double等等..
粉红 - 是框框的厚度，数字越大代表越厚。
红色 - 改成你喜欢的背景网址。

⑤ 若你找不到以下代码

#comments-block .comment-body p {

就找

/* Comments----------------------------------------------- */

然后在它的下面加上以下代码

#comments-block .comment-body p {
background: url(背景网址) repeat;
border-top: 2px solid #000000;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
margin:0 0 1.5em;
padding:7px 10px 7px 10px;
margin:0 0 .75em;
}

⑥ 先预览后储存。

完成!!
祝你成功!!

英文/English:

① Dashboard --> Design --> Edit HTML

② Find out the code below

#comments-block .comment-body p {

③ Add in the code below under the code just now you have found

background: url(Background URL) repeat;border-top: 2px solid #000000; border-left: 2px solid #000000; border-right: 2px solid #000000; border-bottom: 2px solid #000000;margin:0 0 1.5em; padding:7px 10px 7px 10px; margin:0 0 .75em; }

④ Orange - Border colour,>>Colour Code<<
Green - You can change it to dashed、dotted、double etc.
Pink - The thickness of the border,the greater number means that the thickness of the border will become
thicker.
Red - Replace the red colour letter with background's Direct Link.

⑤ If you can't find the code below

#comments-block .comment-body p {

then you find,

/* Comments----------------------------------------------- */

after that you add in the code below under the code just now you have found

#comments-block .comment-body p {
background: url(Background URL) repeat;
border-top: 2px solid #000000;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;

margin:0 0 1.5em;
padding:7px 10px 7px 10px;
margin:0 0 .75em;
}