December 3, 2014
固定在上方的寫法

<html>
<head>

<style type='text/css'>
#bTop{ position:fixed; top:0px;}
</style>

</head>
<body>

<div id="bTop">
這裡是 bTop !!!
</div>

</body>
</html>

備註:上方會有少了與#bHeader 相同空間。

April 10, 2014
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;    
    }
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
September 27, 2010
點擊在新視窗中瀏覽此圖片

在瀏覽器上可以馬上改,馬上看到結果的編輯器,好像只對應Google Chrome。動畫如下,可以參考如何修改。



Stylebot Download (Chrome only)
https://chrome.google.com/extensions/detail/oiaejidbmkiecgbjeifoejpgmdaleoha
August 3, 2010
點擊在新視窗中瀏覽此圖片

Mac用過Adium的人就會發現Growl會提醒你任何Mac中要提醒你的內容,jGrowl就模仿Growl的interface期望達到提醒使用者的目的。

stanlemon.net : jgrowl

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