參考2
2012年11月26日 星期一
可以用javascript實現的10種圖片特效
2012年11月14日 星期三
google chrome 無法將字型設定小於12px的解決方式
Chrome要將字體大小設於小於12px
須在css上加上一個webkit獨有的屬性
-webkit-text-size-adjust:none;
須在css上加上一個webkit獨有的屬性
-webkit-text-size-adjust:none;
2012年11月12日 星期一
[CSS Hack]解決IE6、IE7、IE8、Firefox、safari的瀏覽器相容性問題！
參考網頁：http://sofree.cc/ie6-ie7-ie8-firefox-css-hack/
.className {
font-size:12px; \*這一行所有瀏覽器都看得懂，所以是給Firefox套用的*\
font-size:14px\9; \*這一行則是所有的ie都看得懂*\
font-size:14px\0; \*這一行只有ie8看得懂*\
[;font-size:16px;] \*這一行專門給Chrome跟Safari用，不過IE6跟7也看得懂喔*\
＊font-size:18px; \*這一行給ie7*\
_font-size:20px; \*這一行給ie6*\
}
給Firefox套用的要寫在給Google Chrome跟Apple Safari使用的前面，
否則firefox上的會無效。
否則firefox上的會無效。
給Google Chrome跟Apple Safari使用的css hack一定要寫在ie8的設定後面，
若是沒有依照此種順序，將會造成後續ie6與ie7的css hack設定無效。
facebook的按讚的統計報告及指定分享資訊meta tag設定
到這個頁面去註冊你網站的網域每天按讚的人口統計就能在這裡一目了然
Facebook 設定分享網頁的標題 + 內文 + 圖片分享:
瀏覽者分享你網址到塗鴉牆時出現的分享內容,可以用下面這些meta tag 來事先定義
http://developers.facebook.com/docs/opengraphprotocol/
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
<head><title>The Rock (1996)</title>
<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:site_name" content="IMDb"/>
<meta property="fb:admins" content="USER_ID"/>
<meta property="og:description" content="A group of U.S. Marines, under command of a renegade general, take over Alcatraz and threaten San Francisco Bay with biological weapons."/>
... </head> ...
</html>
p.s. og:image 的content路徑需與
如果是之前已經分享過,現在想要改成上面這樣自訂分享訊息
將要分享的網址輸入到這個網頁 http://developers.facebook.com/tools/debug
據說 facebook 會暫存這個資料24h
參考網址：http://greenchiou.blogspot.tw/2011/04/facebook-open-graph-protocal.html
Facebook 設定分享網頁的標題 + 內文 + 圖片分享:
瀏覽者分享你網址到塗鴉牆時出現的分享內容,可以用下面這些meta tag 來事先定義
http://developers.facebook.com/docs/opengraphprotocol/
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
<head><title>The Rock (1996)</title>
<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:site_name" content="IMDb"/>
<meta property="fb:admins" content="USER_ID"/>
<meta property="og:description" content="A group of U.S. Marines, under command of a renegade general, take over Alcatraz and threaten San Francisco Bay with biological weapons."/>
... </head> ...
</html>
p.s. og:image 的content路徑需與
如果是之前已經分享過,現在想要改成上面這樣自訂分享訊息
將要分享的網址輸入到這個網頁 http://developers.facebook.com/tools/debug
據說 facebook 會暫存這個資料24h
參考網址：http://greenchiou.blogspot.tw/2011/04/facebook-open-graph-protocal.html