原本我都是使用「...」的方式來寫,不過,今天我下定決心也要試出這個功能,果然讓我試出來了!
這個功能
我仍然以良人的大秘寶[筆記]在文章裡顯示優質的程式碼區為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>區塊中即可,如:
即可出現這個效果。
- 良人的大秘寶[筆記]在文章裡顯示優質的程式碼區
謝謝你的教學示範 :)
回覆刪除很實用,很感激!
回覆刪除