已經為了在pLog裡引用程式碼煩惱了很久,問題最主要是如果引用的程式碼是html form的話,無論編輯和顯示都會好麻煩。至少在顯示時,pLog沒有像一般的論壇那樣提供引用框,使用table又會自動靠右,麻煩到不得了。

幸好今早在一個pLog前輩ajer001的網站找到一篇關於blockquote的文章,原來只要在所用的template的style sheet裡加入blockquote的style,然後在寫文章時在要引用的地方用blockquote標籤就可以,簡單得很,像這樣:

這是引用標題
這是引用的內容

米奇做了一點點修改,並把有關的style設定貼下來,方便日後要再改時參考:

  1. /* -------------------------------------------------------------- */
  2. /* Blockquote Settting */
  3. /* -------------------------------------------------------------- */
  4. blockquote {
  5. font-family: Arial; /* 字體 */
  6. color: #333333; /* 字體顏色 */
  7. background:#f0fff2; /* 背景顏色,也可以用url()加入背景圖像 */
  8. margin:5px 40px 5px 40px; /* 余白,依序是上右下左 */
  9. font-size:small;
  10. font-weight:normal;
  11. line-height:150%; /* 行距 */
  12. padding: 10px; /* 邊框與內文間的間距 */
  13. border: dotted 1px #9c9; /* 邊線的設定,不設也可以 */
  14. width: auto;
  15. }
  16.  
  17. blockquote .quotetitle {
  18. font-family:Arial; /* 標題字體 */
  19. font-size:medium; /* 或其他更具體的字體pt設定 */
  20. font-weight:normal; /* 可以改成bold加粗 */
  21. border-bottom: 1px solid #336600; /* 標題的底線 */
  22. padding: 3px 0px; /* 標題與邊線及上段的距離 */
  23. }

來源: 阿駕零零壹 © 學習筆記
http://ajer001.blog.twntwn.info/post/1/114