2010年12月14日 星期二

程式碼貼文

關於文章貼程式碼的排版問題解決了,這是要用到CSS技巧,雖然我不曉得它的原理,反正照著網路上文章的SOP流程作完就OK了。

相關聯結:
  1. 在blog中顯示程式碼區(code block)
  2. [CSS] A Cool blockquote for "Code style" and some blogging tips
  3. 用CSS顯示程式碼
  4. 如何在Blog中顯示程式碼
  5. 如何在 blog 張貼程式碼

測試:

Private Sub SayHello()
Messbox ("Hello World")
End Sub


目前用的CSS樣版:
code {
display:block;
overflow:auto;
font-family:"Courier New";
white-space:pre;
background:#0F0F0F;
border:3px solid #CCC;
margin:5px 15px 0;
padding:5px 5px 5px 20px;
line-height:1.2em;
max-height:500px;
width:90%;
}

但還有一個問題,要如何修改文字前景顏色? 不過這不急,有空再研究~

沒有留言:

張貼留言