home about me stuff links follow dashboard

Friday, August 12, 2011

教学/Tutorial || 美化应用文字/Decorate the Blockquote(新模板/Loyout)






来回顾下
上次我也做了同样的教程
教学/Tutorial || 美化引用文字/Decorate the Blockquote
不过这是给旧模板的
我没发现原来这不能用在新模板的
直到最近我才发现 =(

Let we refer the tutorial that i had wrote last time
教学/Tutorial || 美化引用文字/Decorate the Blockquote
That is for Old Template
I didn't found that this tutorial can't use in Loyout Design
and i just know that =(

今天我来教新模板的
希望这次可以派得上用场了
=)

Today i gonna want to make a tutorial for Loyout Design
Hope that it's useful for u guys
=)

教程开始
Let's get the Tutorial Start
点它/Click it:


中文/Chiness:

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

② 利用Ctrl+F找以下代码
.post-body {

③ 你会看到类似这样的代码
.post-body {
  font-size: 110%;
  line-height: 1.4;
  position: relative;
}
④ 在它的下面加这一段代码
.post-body  background:url(背景网址); padding:5px;
Border:1px solid #000000;
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;colour:#FFFFFF}
}
背景网址-背景的Direct Link
     蓝色字体-外框阔度(数字越大,代表越厚)
     绿色字体-外框颜色,颜色代码>>在此<<
     粉红字体-外框形状,可参考>>这里<<

橙色字体,你可以换成
- dotted
-dashed
-inset
-outset
⑦ 好后,参考以下的图




⑧ 先预览,后储存模板!!
完成!!
祝你好运!!



英文/English:

① Dashboard --> Design --> Edit HTML

② Use Ctrl+F to find out the code below:
.post-body {
③ You will see the code similar like this:
.post-body {
  font-size: 110%;
  line-height: 1.4;
  position: relative;
}
④ Now add in this code below the code just now you had seem
.post-body  background:url(Background URL); padding:5px;
Border:
1px solid #000000;
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;
colour:#FFFFFF}
}

Background URL - The background Direct Link
     Blue colour's letter - Size of the border
     Green colour's letter - The colour of the border,colour code you can refer >>Here<<
     Pink colour's letter - The Shape of the border,border's shape you can refer >>Here<<

Orange colour's letter - You can change it to

- dotted
-dashed
-inset
-outset
⑦ When you finished,refer the figure below


Preview first when u have done,then just Save Template!!
Done!!
Wish you good luck!!


0 Oreo ♥:

Post a Comment