2008年3月20日

【Blogger|筆記】文章中貼上特殊文字區塊(code)


1.在(版面配置/修改HTML/範本)內,將此段程式碼貼到</b:skin> 的上面。

另外,圖檔請自行下載到自己的網路空間,以防萬一。 橘色字體部份也可自行更改顏色。

code {
display: block;
font-family: 'Courier New';
font-size: 9pt;
overflow: auto;
border: 1px solid #000000;
padding: 10px 10px 10px 21px;
max-height: 1200px;
line-height: 1.2em;
letter-spacing: 0px;
color: #054925;
background: #E8FFA3 url(圖片連結) left top repeat-y;
}


2.新增文章時,將欲凸顯的語法code,像下面所示用<code>....語法....</code>包覆起來。
<code>
...
語法或文字
...
</code>


或者想有其他變化可看「特殊文字區塊也可以很可愛



Blogger Hack - 在文章中貼上程式碼code範例
⇩ 分 享 本 文 ⇩ 

沒有留言:

張貼留言

【回覆須知】
✔ 請注意網路禮儀,禁止口出惡言、廣告張貼。
✔ 可用語法請參考這篇
✔ 與本文無關的留言請利用右側的「留言板」,反之請盡量留言在相關主題。
✔ OpenID留言,填入自己的網站、部落格網址即可。
✔ 圖片消失、檔案連結錯誤 / 更新,歡迎留言告知。
✔ 其他問題、想法,也歡迎留言說說....☺。