May 19, 2007

用修改css的办法显示代码

这样就不用像以前一样每次都得去复制那里的代码了,直接调用一个函数就可以了,详见这里

我的已经修改过了,以后直接调用<code></code>环境就可以了,测试一下喽。

在模板中添加如下css代码即可:
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;
width: 300px;
line-height: 1.2em;
}

No comments:

Post a Comment