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
August 25, 2012
點擊在新視窗中瀏覽此圖片


<script LANGUAGE="JavaScript">
<!--
  function openwin() {
  window.open ("page.html", "newwindow", "height=100, width=400, toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no") file://写成一行

  }
//-->
</script>


window.open 談出新視窗的命令文;
'page.html' 弹出窗口的文件名;
'newwindow' 彈出窗口的名字(不是文件名),可空白' ';
height=100 窗口高度;
width=400 窗口寬度;
top=0 窗口距離瀏覽器上方的距離值;
left=0 窗口距離瀏覽器左側的距離值;
toolbar=no 是否顯示工具欄,yes為顯示;
menubar,scrollbars 表示清單與滾動軸。
resizable=no 是否可改變視窗大小,yes为允許;
location=no 是否显示地址栏,yes为允许;
status=no 是否顯示狀態欄內的訊息(指是視窗開啟時),yes為允許;

html+javascript的寫法:

<html>
<head>
<script LANGUAGE="JavaScript">
<!--
  function openwin() {
  window.open ("page.html", "newwindow", "height=100, width=400, toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no") //要寫成一行
  }
//-->
</script>
</head>
<body onload="openwin()">
任意的頁面內容...
</body>
</html>


開啟新增視窗方法有四種:

方法一:
<body  onload="openwin()"> 瀏覽器開啟時(讀取時)彈出視窗;

方法二:
<body  onunload="openwin()"> 瀏覽器離開頁面時(不讀取)彈出視窗;

方法三:用一个连接调用:
<a href="#" onClick="window.open('URL', 'Joseph', config='height=350,width=440')"/>開啟一個新視窗</a>
注意:必須使用“#”

方法四:用於發布按鈕時:
<input type="button" onclick="openwin()" value="開啟視窗">


分頁: 6/12 第一頁 上頁 1 2 3 4 5 6 7 8 9 10 下頁 最後頁
[ 顯示模式: 摘要 | 清單 ]