2008年8月7日 星期四

在文章裏顯示優質的程式碼區

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
line-height: 1.2em;
}
看到上面的程式碼區了嗎?這是Bloger本身沒有提供的,原本的程式碼都會跟文章混在一起,會造成有點混亂,框起來後有變漂亮一點了吧!
不過還是有缺點,因為它只有處理把程式的部份框起來,並沒有去處理像你如果寫HTML的Code,以及程式對齊的部份,這些部份似乎還是只能用轉換程式轉出來貼。還有每次換樣板時都還是要再自己手動改一次@@

也可以用
HTML編輯器
去把你的程式碼再做一些處理

另一種貼程式碼的方法:
Format My Source Code for Blogging
使用教學可以看在下【阮瑪莉】

參考來源:
良人的大秘寶
Blogger邊做邊學

沒有留言: