在之前一篇「與眾不同的程式碼區塊」提到經常在一些 Blogger 看到教學內容「程式碼」的特別區塊是如何做到的;它的原理就是定義一個全域的「標籤(tag)」來使用,所以我們可以發現 <code> </code> 並不只是在文章裡可以用,就連「側邊欄(Side)」也可以使用喔。

如果我們確認只要在文章內使用時,只要將 code{} 改成 .post code{} 就可以了。
.post code {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 9pt;
overflow:auto;
border: 1px solid #ccc;
padding: 5px 5px 5px 20px;
max-height:200px;
line-height: 1.2em;
margin: 5px 0 0 15px;

ezpost 發表在 痞客邦 PIXNET 留言(0) 人氣()