美化Blogger - 代碼的顯示

{ Posted on 星期四, 七月 16, 2009 by Kaiser.XKw }
前段时间贴上的代码很不好看, 扩充了一下原本的模版,增加对代码的特殊显示。 首先在如下位置贴上一段对Code标签的样式定义
然后修改其中的参数 使用该样式的时候,在相关代码前后加上<code></code> 即可出现下面效果啰 CODE {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 10pt;
color:#FB6204;
overflow:auto;
background: #f0f0f0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ-qxNSE3Wz6EbeAPRxHA8dScD_R1Ha-Xoc3_cw5X-uH17h6-VHaMp0u_e_qvEbqLp2wOKVmFsGsju3nC2yDZ2UFd3Xl7mHcnHO3vDiTEMyqUJI7KCQGpdkt_R4Nq27o9KUhvNrFGwswY/) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
line-height: 1.2em;
}

]]></b:skin>
</head>

No Response to "美化Blogger - 代碼的顯示"