2009/09/20

在Blogger內使用引述quote

在寫文章時,有時會引述其他文章的片斷。

原本我都是使用「...」的方式來寫,不過,今天我下定決心也要試出這個功能,果然讓我試出來了!

這個功能


我仍然以良人的大秘寶[筆記]在文章裡顯示優質的程式碼區為base,稍微修改內容並換上新圖。

加上CSS


在 ]]></b:skin>前找到quote的CSS語法,然後改成下面的方式:
.post quote
{
background:$QuoteBackgroundColor url("$imgHackerQuote") left top no-repeat;
border:4px dotted #ccc;
display:block;
font-family:Verdana;
font-size:10pt;
line-height:1.5em;
max-height:30000px;
overflow:auto;
padding:15px 15px 15px 31px;
}

$QuoteBackgroundColor和$imgHackerQuote 是在程式的前面設定的變數名稱。

使用時


在文章中將要引述的內容置於<div id="quote"></div>區塊中即可,如:

即可出現這個效果。

3 則留言: