2009年7月25日

在文章裡加上程式碼

轉貼一下網路找到的文章,因為這跟blog有關,貼一下以防那天換template之後又忘了。
來源:[Blogger 技巧] 於文章顯示程式碼語法

這段加到</head>之前,使用時加上<code></code>
並且記得:
將 < 以 < 取代
將 > 以 > 取代
將 & 以 & 取代

code {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 9pt;
overflow:auto;
background: #f0f0f0 url(http://圖片位置) left top repeat-y;
border: 1px solid #ccc;
padding: 5px 5px 5px 20px;
max-height:200px;
line-height: 1.2em;
margin: 5px 5px 0 15px;
}


圖片我是用 http://klcintw.images.googlepages.com/Code_BG.gif
是這篇教學裏面的,[筆記]在文章裡顯示優質的程式碼區,這篇的css我用會失敗,所以後來又換上面那一個。

沒有留言: