Tuesday, September 4, 2007

blogger tips : blockquote and more

分享一些部落格的小技巧
美化blockquote跟程式碼區段

-----需要更改template-----
到customize template-> edit html
搜尋skin
]]></b:skin>
把以下程式碼貼在以上之前


blockquote {
color:#333333;
background-color: #FFEBCD;
padding: .5em 1em;
border: 2px #D2B48C dashed;
}


顏色選擇看~

code部份則是拿別人的圖來用的 連結隨時會不見
原著: Ben's 部落不及格
code {
display:block;
font:normal normal 100% 'Lucida Grande',儷黑 Pro,Verdana,Arial,Sans-serif;
font-size:10px;
color:#666666;
overflow:hidden;
background:#e3f5d2 url(http://benjamin31.googlepages.com/code_bg.gif) no-repeat left top;
padding:30px 20px 10px;
margin:0 4px;
max-height:none;
max-width:370px;
border-bottom:1px solid #eaeaea;
}

因為圖檔大小是固定的
所以用max-width控制background color


-----不需要更改到template-----
將po過的文字用畫線的方式顯示是要被刪除的 像這樣
直接在寫文章的時候加入語法
<span style="text-decoration: line-through;"> deleted text part </span>

語法記不起來怎麼辦?
到customize settings -> formatting的最下方 post templates把語法加進去之後按儲存
這樣每次在Edit Html po文時就會顯示了

然後是空格 不管在寫文章時打出多少空格
貼出來之後總是會被吃掉
一個方法是寫代碼
空格在html code代碼是 &#12288;
所以想要美美的排版可以多用 但真的不方便 orz
like this

int main()
{
 printf("Test");
}

0 comments: