[css]文字電影效果

前言

效果在首頁的右方，About 那塊。因為都沒再看Plurk跟 Twitter了。

就乾脆撤掉吧，查了一下有哪些文字特效就拿來用了。

Read More

CSS 顯示圖片的某一個部分

懶得開修圖軟體裁切，
卻又只想顯示圖片的某一部份。

可在圖片外層包一個div。

<div style="width:900px;overflow:hidden;">
<a href='#'><img src='https://xxxxxxx" style="width:900px;margin-top:-100px"/></a>
 </div>


首頁的度估圖片就是利用此方法。因本來的圖片太小，又懶得動手放大，
直接將貼圖的寬度設為900，再利用margin-top 將圖往上移，顯示出想要的區塊

Read More

Blogger範本 及 貼上程式碼區塊

最近把整個改版，以前貼code的語法也不知道跑哪去了。
後來找了一下，發現到很多人用的。
來源：http://chiumog.blogspot.tw/2015/02/blog-code-block.html

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;
}


Read More

CSS position

太久沒寫css有幾個觀念快忘光了…
補強一下

Read More