2009年7月8日

美化過的Blogger code和quote

把以下的程式碼加到「版面配置」「修改HTML」 ]]></b:skin> 之前即可 CODE { display: block; /* fixes a strange ie margin bug */ font-family: Courier New; font-size: 8pt; overflow:auto; background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y; border: 1px solid #ccc; padding: 10px 10px 10px 21px; max-height:200px; height:200px; // for IE6 line-height: 1.2em; } #quote { display: block; /* fixes a strange ie margin bug */ font-family: Verdana; font-size: 10pt; overflow:auto; background: #f7f7f7 url(http://lh5.ggpht.com/_z-VThISftkI/SXUlpyfw9ZI/AAAAAAAABYY/e3GUx9_Z4TE/s288/quote-l.gif) left top no-repeat; border: 4px dotted #ccc; padding: 15px 15px 15px 31px; /*up right bottom left*/ max-height:300px; line-height: 1.2em; } code的使用的方法 在文章中將程式碼置於<code></code>區塊中即可 qote的使用的方法 在文章中將程式碼置於<div id="quote"></div>區塊中即可 程式碼來源(請大家感恩他們的付出吧)
code的程式碼:良人的大秘寶[筆記]在文章裡顯示優質的程式碼區 quote程式碼:通達人筆記在Blogger內使用引述quote
##ShowAll##

沒有留言:

張貼留言