goTOP
April 10, 2014
March 10, 2014
1.作出OG語法標籤
在html head裡面加註以下標籤
<link href="圖片連結網址" rel="image_src" type="image/jpeg">


2.使用Facebook有清除快取的Debug工具
https://developers.facebook.com/tools/debug

點擊在新視窗中瀏覽此圖片
December 14, 2013
html, body, div, span,    
h1, h2, h3, h4, h5, h6, p, blockquote, pre,    
a, abbr, acronym, address, big, cite, code,    
img, ins, kbd, q, s, samp,    
small, strike, strong,    
dl, dt, dd, ol, ul, li,    
fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;    
    padding: 0;    
    border: 0;    
    outline: 0;    
    font-size: 100%;    
    vertical-align: baselinebaseline;    
    background: transparent;    
    }
August 7, 2013
點擊在新視窗中瀏覽此圖片

要製作 favicon.ico 以前在photoshop裡面可以製作,但是現在似乎在選項內跑不出來了。

一般模式
將html碼置入於<head></head>之間
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">


一般模式 [不同位置]
<head></head>之間放入
<!--第一種-->
<link rel=”icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>
<!--第二種-->
<link rel=”shortcut icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>
<!--第三種-->
<link rel="icon" href="animated_favicon1.gif" type="image/gif" >

January 16, 2013
Like Box link:
https://developers.facebook.com/docs/reference/plugins/like-box/

點擊在新視窗中瀏覽此圖片

按下你的需求,將程式碼放入你的網頁中就可以了。
January 15, 2013
點擊在新視窗中瀏覽此圖片

CSS3中似乎只有一個寫法是不對應所有瀏覽器的...
已下為參考寫法...

.test {
width: 300px;
height: 1.4em;
text-overflow: ellipsis; /* Safari 用 */
-o-text-overflow: ellipsis; /* Opera 用 */
overflow: hidden;
white-space: nowrap; /* 文字不折行功能。一定要寫入,否則不會出現效果 */
border: 1px solid #666666;
}
.test:hover {
text-overflow: inherit; /* Safari 用 */
-o-text-overflow: inherit; /* Opera 用 */
overflow: visible;
}


HTML BODY中寫入
<div class="test"> 如果你要呈現過長的文章,請用滑鼠確認一下喔 </div>


sample:
http://blog.apao.idv.tw/sample/CSS3/text-overflow.html

參考:
http://blog.flugel.biz/2009/07/css3-text-overflow.html
http://www.w3schools.com/cssref/pr_text_white-space.asp
分頁: 7/12 第一頁 上頁 2 3 4 5 6 7 8 9 10 11 下頁 最後頁 [ 顯示模式: 摘要 | 清單 ]