[Blog] Xuite上安裝SyntaxHighlighter

這麼帥氣的程式碼Hightlight功能要怎麼在 Xuite 的部落格上實現呢? 下文會教你怎麼把 SyntaxHightLighter 套件裝上你的Xuite部落格中。

【CSS】圓角屬性 - CSS3 -moz-border-radius, -webkit-border-radius, border-radius

[Firefox]

-moz-border-radius 是 Firefox 用來顯示圓角的語法。
如果四個角都是相同的設定，可以使用這個方法 :

-moz-border-radius:25px; /*四個角一起設定*/

【CSS】半透明效果 - CSS3 rgba, hsla, filter, -ms-filter

[第一種] :內部所有物件皆透明
瀏覽器標準：

• 標準(Firefox): opacity:0~1
• IE7: filter:alpha(opacity=0~100);
• IE6: 還要再加上 zoom:1 ，不然會沒效

【BLOG】Blogger 上安裝 SyntaxHighlighter

有時候想要分享程式碼，卻會遇到使用原本HTML 的 或

標籤顯示的樣式太單調、或是原本程式會因為"tab"的空格問題雜亂不堪。這是該使用Syntax Hightlighter的時候了!!

【1】首先去Syntax Highlighter的網站下載程式，然後解壓縮。
http://alexgorbatchev.com/SyntaxHighlighter/download/

然後到解壓縮後的資料夾中


/scripts 資料夾中copy一個必要檔案與自己所需要的程式語言模組。
→shCore.js
※Syntax Highlighter 官方模組清單解釋


/styles 資料夾中copy以下兩個必要檔案。
→ shCore.css, shThemeDefault.css