https://www.addthis.com/get/sharing#.UnIcv3CBmEg
看你要何種樣式，點選後就有sample code
把code加入於<body></body>中即可
2013年10月31日 星期四
2013年10月14日 星期一
利用CSS做出上下局部固動的效果
類似此網站效果，無論捲軸如何滾動，上下都不動
http://www.fyneworks.com/jquery/multiple-file-upload/
只需上下用DIV包起來套用以下CSS即可
<div id="head" class="Clear">
此區塊放上方要成現之內容
</div>
#head {
height: 50px;
left: 0;
line-height: 1em;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
background: linear-gradient(#FAFAFA, #EAEAEA) repeat scroll 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 10px rgba(0, 0, 0, 0.1);
}
<div id="foot" class="Clear">
此區塊放下方要成現之內容
</div>
#foot {
bottom: 0;
height: 80px;
left: 0;
position: fixed;
width: 100%;
z-index: 9999;
background: linear-gradient(#FAFAFA, #EAEAEA) repeat scroll 0 0 rgba(0, 0, 0, 0);
border-style: solid;
border-width: 2px 0 0;
}
2013年10月11日 星期五
縮小form單距,TD自動斷行,破圖導向,TD滑過換色，手掌游標
縮小單距
在form標籤中插入form style="margin:0px;"
CSS
--------------------------
--------------------------
＜style type="text/css"＞
＜/style＞
----------------------------------------------
＜/style＞
----------------------------------------------
HTM
＜td style="word-break:break-all" ＞
＜td style="word-break:break-all" ＞
破圖導向
＜img src="image.abc.com/pic/show.jpg" onerror='this.src="http://www.abc.com/pic/show.jpg";'＞
TD滑鼠滑過換色
＜tr onmouseover="this.style.backgroundColor='#F5E4FA';" onmouseout="this.style.backgroundColor='';"＞
手掌游標
可定義在各標籤內，加上以下，滑鼠滑過後即會出現手掌
style='cursor:hand;'
圖片&button要用
style="cursor:pointer"
訂閱：
文章 (Atom)