網頁

2010年10月6日 星期三

[筆記] 在文章上貼上程式碼語法

參考文章:
在Blogger文章中插入程式碼 | 高登工作室
[筆記]在文章裡顯示優質的程式碼區 | 良人的大秘寶

承下面FC2

原本是為了找如何在Blogger貼上HTML所找到的方法 :

在Blogger文章中插入程式碼 - 高登工作室

方法是不錯,不過網頁框架太醜了,所以我又找到第2種方法 :

[筆記]在文章裡顯示優質的程式碼區 - 良人的大秘寶

將下列CSS貼在 /* Content */ 上


CODE {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
height:200px; // for IE6 反正IE6消失得差不多了,這一段可以砍掉
line-height: 1.2em;
}


之後將在文章貼的語法來到HTML Encoder做轉換

之後放在"修改HTML"裡的<code></code>中

沒有留言:

張貼留言