添加程式码 ( Code )

Click & Share

效果类似 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

http://www.allblogtools.com/html-character-encoder/

在帖子里打

效果就会变成这样

代码内容

添加程式码 ( Code )

3 則留言: