添加程式码 ( Code )



效果类似 BlockQuote 

不过程式码是代码而不是内容

就是如果你想要写教程

打了一些代码下去

结果没有显示 , 不然就乱七八糟对不 ?

一定要用 <code></code>把它包围起来才可以 :)

登入部落格 > 设计 > Edit Html

按 Ctrl + f 寻找

Body {
在 Body { .... } 后添加以下的代码

code {
display: block; /* fixes a strange ie margin bug */
font-family: Verdana;
font-size: 9pt;
overflow:auto;
background: #ffffff url(图片网址) left top repeat-y;
border: 1px solid #000000;
padding: 5px 5px 5px 20px;
max-height:200px;
line-height: 1.2em;
margin: 5px 5px 0 15px;
}


如果不想放背景图片 , 把 url(图片网址) 删除掉


Font-Family : 你可以改成你想要的字体

Font-size : 字体大小

background : 背景颜色 / 背景图片

Border : 框框的类型 颜色 线条厚度


也不一定所有代码可以支持

如果有 ' < > ' 一定要 Convert

否则没有效果 :)

大家可以去这个网站 Convert


在帖子里打 

<code> 代码内容 </code>

效果就会变成这样

代码内容



3 則留言: