2014年10月28日 星期二

改Blogger的文章中的格式

照著別人文章把以下格式加入版面範本HTML

範本->編輯HTML->  找到 <b:skin>...</b:skin>, 點擊"..."把他展開, 把以下程式碼加入

code, .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;
line-height: 1.2em;
}

#quote {
display: block; /* fixes a strange ie margin bug */
font-family: Verdana;
font-size: 10pt;
overflow:auto;
background: #f7f7f7 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq3DJOZa2N_X0XyGyxOM7m2eDwGxLIDtAHDKLUx1XfqAQiOKIW_rSDSHGD3BdtnE4fgEZdM2NYGb19tYJeNQeIBYl3w5B7ILxALN2eS-NRd6ksatRJkXMLMdM5dRf2nWOrTlwkjVAoxok/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> or <div class="code"></div>
quote: <div id="quote"></div>

沒有留言:

張貼留言