語法元件庫

2012年6月21日

回到上一頁的語法

這是個簡易的Javascript，不管剛剛在哪一頁，這個按鈕就會帶你回到那一頁去

語法:

回到上一頁

2012年5月26日

瀏覽器通用的CSS陰影

.shadow{
 -moz-box-shadow: 1px 1px 5px #666;
 -webkit-box-shadow: 1px 1px 5px #666;
 box-shadow: 1px 1px 5px #666;
 /* For IE 8 */
 -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#666')";
 /* For IE 5.5 - 7 */
 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#666');
}

條件式註解

如果IE沒聽話，最後只好另外做一個IE專屬的CSS囉
把這些寫在head 裡面，並且把CSS link寫在"內容"這兩字的位置上就可以囉













內容











內容

2012年4月30日

修復舊版IE6、IE7的CSS inline-block

舊版的IE6、IE7不接受CSS的inline-block
display: inline-block;
所以製作需要置中對齊的主選單時就沒有辦法使用text-align:center;

我們可以用這幾句修正
zoom:1;
*display: inline;
_height: 30px;

像這樣寫就可以了~~~
ul.nav li {
display: inline-block;
zoom:1;
*display: inline;
_height: 30px;
}

2012年2月20日

HTML & XHTML & HTML5 Cheat Sheet 小抄大集合

小抄就是要用的時候偷看一下的東西啦~

HTML 4 還是目前W3C組織發布的標準版喔
XHTML 規則大同小異，簡單說這是比較嚴謹一點的HTML
HTML5 目前尚未正式發布，只是大家似乎有點等不及了

http://www.addedbytes.com/cheat-sheets/html-cheat-sheet/ (PDF版)
http://www.webmonkey.com/2010/02/html_cheatsheet/ (網頁版)
http://www.w3schools.com/html/html_quick.asp (網頁版)
http://www.psacake.com/web/dy.asp (網頁版)
http://www.elizabethcastro.com/html/extras/xhtml_ref.html (網頁版)
http://html-tags.info/ (網頁版)
http://www.petefreitag.com/cheatsheets/xhtml/ (網頁版)
http://www.killersites.com/HTML_CODES/index.php (網頁版)
http://www.webhostingsearch.com/articles/html-cheat-sheet.php (網頁版)
http://www.cheat-sheets.org/saved-copy/htmlcheatsheet.pdf (PDF版)
http://refcardz.dzone.com/refcardz/html5-new-standards-web-interactivity (HTML5)
http://blog.nihilogic.dk/2009/02/html5-canvas-cheat-sheet.html (HTML5 Canvas)

ActionScript Cheat Sheet 小抄大集合

小抄就是一張紙上寫滿了密密麻麻提醒自己的東西咩~

目前有挺多不同家出的小抄，但是連結中還是可能有內容是重複的，
而且要看清楚到底是 ActionScript 3.0 還是 ActionScript 2.0 阿~

2012年2月2日

html5搜尋框提示文字

完成品看起來是這樣的

語法：

說明：

把框內要出現的文字放在placeholder屬性中
如果用桌機的safari看，前面會出現一個放大鏡的圖案，其他瀏覽器不會有
如果用iphone看，不會有放大鏡，但是框框是原角的，尺寸會自動縮放

訂閱：意見 (Atom)