藍色小站    提供您實用軟體官方下載點、免費資源分享、生活資訊的好地方! Since 2009..
首頁 > 未分類 > 如何在BLOG網頁展示程式碼或顯示原始碼
2008年12月15日 i58tw 發表評論 閱讀評論

 ● 本站致力分享免費軟體及綠色軟體。
 ● 本站不提供破解檔或註冊機。
 ● 部份軟體說明係為網路轉載,若有版權疑慮,請留言告知處理。
 ● 建議您軟體下載後請加以掃毒確認無木馬及病毒問題後再行使用。
 ● 本站提供之大部份載點均為引用官方網站之下載點。
 ● 官網下載點可能會隨時異動失效,無法下載請留言告知。

  如何在BLOG網頁展示程式碼或顯示原始碼

想要在你的BLOG 秀出優質的程式碼嗎?
其實只要在CSS 動點手腳,
你也可以在你的BLOG裡面展示工整的程式原始碼 !!
下面的CSS中有使用到一張背景圖是存在Meson的flickr 相本
你可以將圖另存新檔之後存到自己的相本
然後再修改Step1 中藍色字樣部份的URL 網址
將它指向你所存的圖片網址
若是你不介意的話也可以延用我Flickr 上的這張圖
只是哪天我不小心砍掉這張圖
就會影響到你的原始碼展示的美觀了..

Step 1. 在你的BLOG CSS 新增下列程式碼
 
CODE { display: block; /* fixes a strange ie margin bug */ font-family: Courier New; font-size: 8pt; overflow:auto; background: #FFFFBF url(http://farm4.static.flickr.com/3019/3110651182_23122c57b7_o.gif) left top repeat-y; border: 1px solid #ccc; padding: 10px 10px 10px 21px; max-height:200px; line-height: 1.2em; }


Step 2. 將你的想要顯示的原始碼內容使用code 標籤包起來
<code> 12345我想要秀出來的內容abcdefg</code>

Step 3. 展示效果
 12345我想要秀出來的內容abcdefg

  轉載請註明本站連結 !

軟體下載:免費載點 | 官方載點
(◕‿◕) 藍色小站下載說明:
 ● 本站所有軟體介紹說明均為原創,請勿任意引用。
 ● 本站部份推薦軟體儲存於免費空間,請按免空下載說明使用。
 ● 本站分享均為免費軟體或是共享軟體,若有侵權疑慮,請留言告知。
 ● 本站自行分享之免空軟體均經過 Avast防毒軟體掃毒
 ● 所有透過網路下載之軟體建議您仍需再次掃毒後再行使用比較安全。
 ● 藍色小站歡迎大家一起來交換連結。
 ● 覺得本站提供的資訊對您有幫助,請給本站一個「讚」。




Categories: 未分類 Tags:


熱 門 文 章 :
pdf軟體下載 
免費線上icon 產生網站 
恭喜google用戶 您有機會贏得一個google禮物,Google會員獎品[病毒解決方法] 
2010年月曆下載-民國99年 
benz精品睡袋|賓士 deuter 睡袋 
Iobit Uninstaller 下載~反安裝軟體推薦下載 2018 
smplayer 繁體中文版 免安裝 18.3 
臉書封面照片產生器 
賓士glc 250汽車鑰匙電池更換影片教學 
mp3tag下載 2.49 繁體中文版 
版權所有 2009-2017 藍色小站