在介紹過「SyntaxHighlighter」這個工具,可以讓自己的 Blog,排出漂亮的程式碼後,另外再介紹一種CSS的方法同樣的也經常被使用喔!

由於 Pixnet 無法上傳 Javascript 檔案以及 CSS 檔案,因此需要將本來應該要放在 <head> 底下的程式碼放到其他地方去了,怎麼設定呢?

請到 Pixnet 的管理後台 → 部落格管理的 樣式設計精靈 → CSS 原始碼編輯 → 請將下面的程式碼貼上即可:

#code {
display: block;
background: #1c1c1c url(http://devajonny.googlepages.com/Code_BG.png) left top repeat-y;
border: 1px solid #999999;
color:#91b9e0;
font-size: 13px;
overflow: auto;
//width: 440px;
padding: 5px 5px 5px 15px;
max-height: 1200px;
line-height: 1.6em;
letter-spacing: 0px;
}

#code.src {
display: block;
background: #1c1c1c url(http://devajonny.googlepages.com/Code_BG.png) left top repeat-y;
border: 1px solid #999999;
color:#91b9e0;
font-size: 13px;
overflow: auto;
height:500px;
padding: 5px 5px 5px 15px; /* 上、右、下、左*/
max-height: 1200px;
line-height: 1.6em;
letter-spacing: 0px;
}

#code.ref {
display: block;
background: #1c1c1c url(http://devajonny.googlepages.com/Code_REF.png) left top repeat-y;
border: 2px dashed #ff0000;
color:#91b9e0;
overflow: auto;
font-size: 13px;
padding: 5px 5px 5px 15px;
max-height: 1200px;
margin: 5px 0 0 5px;
line-height: 1.6em;
letter-spacing: 0px;
}

最後在程式碼的前後加上<div id="code">.....</div>,就可以看到你想要的效果了。

adb push (複製檔案到 SD 卡)
adb push mp3 /sdcard
adb pull . (從 Android 系統下載檔案)
adb pull /data/app/com.android.email
adb logcat (監控模擬器運作紀錄,以Ctrl + c 離開監控模式)
adb bugreport (產生 adb 除錯報告)
adb get-state (獲得 adb 伺服器運作狀態)
adb start-server (啟動 adb 伺服器)
adb kill-server (關掉 adb 伺服器)
adb forward tcp:6100 tcp:7100 (更改模擬器網路 TCP 通訊埠)
adb shell ps -x (顯示 Android 上所有正在執行的行程)
adb version (顯示 adb 版本)
adb help (顯示 adb 指令參數)
adb get-product (獲取設備型號)
adb get-serialno (獲取序列號)
adb wait-for-device (等待正在運行的設備)

文章標籤
全站熱搜
創作者介紹
創作者 Guru 的頭像
Guru

GuruLab

Guru 發表在 痞客邦 留言(0) 人氣(47)