code {
display:block;
border:dashed 1px blue;
padding:10px;
margin:10px;
overflow-x:auto;
}
code ol li {
list-style-type:decimal;
border-bottom:dotted 1px grey;
}另一種styledisplay: 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;
}
2) 在文章中將程式碼置於<code></code>區塊中即可，如：
<code>這裏放程式碼</code>以下為進階版，主要的作用是將程式碼放在<code>中，並用註解將程式碼包起來，來避免Browser拿Code去用，並將"<"、">"等字元自動更換，避免顯示程式碼時出問題
3) 把上面1)的程式碼放到xxx.css檔案裏，再上傳到網站上，以便於管理，以後換template時也不用再copy來copy去
4) 於<head>中加入以下兩行
<link href='http://tycoon13.googlepages.com/tycoon13.css' rel='stylesheet' type='text/css'/>
<script src='http://tycoon13.googlepages.com/CodeDisplay.js' type='text/javascript'/>5) 貼code的語法如下
<code>
<!--
這裏放程式碼
-->
</code>6) 用@red@ @/red@包起來可以紅色顯示，效果如下
@red@紅色@/red@
沒有留言:
張貼留言