Ching Wei : This is My Life - 工作、攝影、旅遊

覺的之前的版有點看膩了，而且最近常常去看Word Press的佈景，
發現實在是太好看了~~我就是喜歡這種簡單的感覺。
所以就模仿Word Press的版來做了一個，我想相似度應該有8成吧！哈哈

在圖片上自動加框其實很簡單 (裡面的圖片是測式用，可以讓文章看起來比較好看)
只要在圖片的Style上加上Padding & Border就可以達成了。

最近因為剛搬家，連不上開發環境，
就想說弄個版型好了~~只要改改CSS，跟開發環境也沒關系。
結果發現，只要當我使用

最近實在覺的之前發表的那個篇 【Ｃ】如何在Blog中顯示程式碼 有夠難用的。
因為常常一些code都會被編輯器吃掉，搞的我好痛苦，每次要重新編輯都超麻煩的啦。
所以我又找了另一個方法。那就是網路上很流行的SyntaxHightlighter。
雖然他要載入很多東西~~但~~為了方便，我認了~~
先到【這裡】下載，然後將檔案上傳到網路上。
使用方法

 
有時候點了連結後，會出現像上圖一樣的虛線，感覺很醜。
由其現在都是在用AJAX，一直都是在同一頁作業，所以這個虛線就很討厭了。

有時候，我會想在Blog中貼一些程式碼。
但貼出來，就是一般的文字，還挺醜的，
今天無聊就找了一下，要怎麼好看又簡單的貼上一些程式碼。
果不其然，已經有人寫好了~~網路上優秀的人真多。

因為我的美術同事，一直說他想用png-24的圖片，因為他說這樣效果會比較好，
而且邊也會比較滑順，但我一直因為png-24如果設定透明背景，在IE6會出現灰色背景的這個問題，就一直叫他用png-8就好了。而且重點是，首頁大家都在閒慢了，如果為了解決這個問題，又要載入其他的檔案，就覺的很討厭，另外還有另一個原因就是我很懶，哈哈。
其實要解決的話，就是用下次這串語法就可以了。但在Firefox反而會有問題！圖
會變成blank.gif這張…

在IE 6中，有時候，會發現當滾動滑鼠時，
Border就會斷掉了，示意如下：
這是在IE 6才有的問題，在Firefox跟 IE 7都是正常的。

挺好用的，以下內容來自【狗貓的家】
 最近在弄其他的CSS樣式的版型設計，搞了半天快被CSS氣昏，因為用FireFox看很正常，結果用IE去看就差得十萬八千里，怎麼搞就是沒有一個兩邊看起來都正常的CSS設定，最後只好網路找答案，還好有一種解法，就是在CSS裡面分開判斷，如果是IE瀏覽器時，就用另外的CSS定義，這樣就可以做到！
下面是我遇到的案例

#banner{ /* for F.F */
width: 80%;
margin: 0px 5px 0px 5px;
padding: 0px;
background-position: 50px 0px; 
background-image: url(圖片網址);
background-repeat: no-repeat;
height: 565px;
}
*html #banner{height: 400px;} /* for IE 6.0以前版本 */
*+html #banner{height: 400px;} /* for IE 7.0 */