home about me stuff links follow dashboard

Friday, October 28, 2011

教程/Tutorial || 帖子标题框框+背景/Post Title's Border+Background





知道要怎么在帖子标题那里放框框吗?
知道要怎么在帖子标题放背景吗?
知道要怎么把帖子标题放在正中央吗?
这些你用过了吗?
还没用过的点击进来看看吧 =)

Do you know how to make a border on post title there?
Do you know how to put a background on the post title there?
Do you know how to adjust the post title become centered?
Have you did all of this before?
If you never try before click-in and see more =)




中文/Chiness:
⑴ 信息中心 --> 设计 --> 修改HTML

⑵ Ctrl+F 找以下代码
.post-title {
⑶ 在.post-title {的下面,加这些
background:url(Background URL);
-moz-border-radius: 10px;border-radius: 10px;

border:2px solid #000000;
text-align:center;
这个 - 找个你喜欢的背景,把网址放进去;
     这个 - 框框的形状,跟着你喜欢的形状,把你所要的形状代码代替这个



A:

-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;

B:

-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;

C:

-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;

D:

-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;


这个 - 框框的厚度,可以自行更改;
这个 - 框框线的款式,你可以把它换成
-dotted-dashed-none-double-groove-ridge-inset-outset
这个 - 框框颜色,代码>>在此<< 


这个 - 帖子标题的位置,可以把它换成
-Right-Left
⑸ 改完了吗?改好了就预览来看看。

⑹ O不OK?OK的话就储存。

完成,祝你成功!!



英文/English:
⑴ Dashboard --> Design --> Edit HTML

⑵ Ctrl+F to find the code is given below
.post-title {
⑶ Copy the code below and paste it under .post-title {
background:url(Background URL);
-moz-border-radius: 10px;border-radius: 10px;

border:2px solid #000000;
text-align:center;
This - Find a background that you like and replace it to This with the url.
     This - The shape of the border,you can find the shape that you like and copy the shape's code then replace This.



A:

-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;

B:

-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;

C:

-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;

D:

-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;



This - The thickness of the border,you customize it by yourself.
This - The style of the border's line,you can change it to
-dotted-dashed-none-double-groove-ridge-inset-outset
This - The colour of the border, >>Here<< is the colour code.
This - The location of the post title,you can change it to
-Right
-Left
⑹ Is it done?Preview and see how is it.

⑺ Is it ok?If Ok then save template.


Done,Wish you good luck!!


链接我/Link Me





sticker




1 Oreo ♥:

Post a Comment