在Lifetype加上BLOCKQUOTE的功能(用來顯示程式碼)
sirius | 02 十月, 2007 02:23在管理LifeType時，總是要做一些紀錄而且會有一些程式碼的東西，如果能將程式碼框起來，就比較容易區別觀看，因此需要在你選定模版中的CSS檔加入blockquote語法的設定。
以下文章引用自：http://blog.nmes.tp.edu.tw/lifetype/post/2/10
用來紀錄比較技術性的東西，有時候，就會想要把程式碼之類的東西框起來，這樣比較容易看。請進入 HTML 原始碼編輯模式後，自行加入如下的 HTML 碼 包住屬於程式碼的內容
<blockquote>輸入需要被標示於區塊中文字</blockquote>
/*blockquote設定*/
blockquote {
font-family: Arial; /* 框內的字體 */
color: #000000; /* 這是框內文字的顏色 */ background:#ffffcc; /* 框內的背景顏色 */
margin:5px 40px 5px 40px; /* 框線與框外邊界的距離.. 依次為上右下左*/
font-size:small; font-weight:normal; line-height:150%; /* 設定列高 */
padding: 10px; /* 框內文字與框線的距離 */
border: 2px dotted #336600; /* 框線: 2px的點狀虛線 */
/* 這幾天找到幾個還不錯的框線效果，補一下。 */
/* border: solid 2pt #9c9; /* 框線: 2pt的實線 */
/* border: dashed 2pt #9c9; /* 框線: 2pt的虛線 */
/* border: double 2pt #9c9; /* 框線: 2pt的雙線 */
width: auto;
}/*quotetitle設定*/
.quotetitle{
font-family:Arial; /* 框內的字體 */
font-size:medium; font-weight:normal; border-bottom: 1px solid #336600; /* 框線的粗細與形式 */
padding: 3px; /* 框內文字與框線的距離 */
}
Posted in
有關模板, CSS .
迴響: (0).
引用:(0).
靜態連結網址
«Next post |
Previous post»