OREO Queen ♥: 教学/Tutorial || 美化引用文字/Decorate the Blockquote

Thursday, July 21, 2011

教学/Tutorial || 美化引用文字/Decorate the Blockquote

像这样/Like this:

教程开始

Tutorial start

点它/Click it:

中文/Chiness:

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

② 按Ctrl+F找

.post blockquote {

③ 将以下代码放在.post blockquote {的下面

background:url(背景网址); padding:5px;
Border:1px solid #000000;
-moz-border-radius: 40px 10px; border-radius: 40px 10px;colour:#FFFFFF}

④ 背景网址-引用文字的背景

⑤ 绿色字体 - 引用文字的外形，你可以选择你喜欢的外形来取代绿色字体

第1种:

-moz-border-radius: 40px 10px; border-radius: 40px 10px;

第2种:

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

第3种:

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

第4种:

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

第5种:

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

⑥ Border:1px solid #000000;

solid可以换成

dashed
dotted
inset
outset

#000000 可以换你喜欢的外框颜色 >>颜色代码<<

⑦ 预览,储存模板

完成!!

祝你成功!!

英文/English:

① Dashboard --> Design --> Edit HTML

② Press Ctrl+F found out the code below

.post blockquote {

③ Copy the code below and put it under .post blockquote {

background:url(Background URL); padding:5px;
Border:1px solid #000000;
-moz-border-radius: 40px 10px; border-radius: 40px 10px;colour:#FFFFFF}

④ Background URL - Blockquote backgound URL

⑤ Border:1px solid #000000;
solid you can change it becomes

dashed , dotted , inset , outset

#000000 you can changed it with others colour >>Colour Code Here<<

⑥ Green colour code - This is the shape of blockquote,you can choose the blockquote's shape that you like and replace the green colour code

1st Shape: