January 10, 2009
鼓勵此網誌：4
是不是覺得部落格上方功能霸跟自己的版面格格不入呢？
但是把它整個取消隱藏起來，要用的時候又覺得有點麻煩呢？
將將！看到我上方的『感應式』的功能霸嗎？
↓ 很簡單，只要在css檔裡加上↓
.chromestyle {opacity:0.0;filter:alpha(Opacity=0)}
.chromestyle:hover {opacity:1.0;filter:alpha(Opacity=100,FinishedOpacity=100)}
如此一來，功能霸就會隱藏起來不礙眼，而需要時將游標滑過它又會顯現囉！！
但是！
因為功能霸被隱藏了，所以上方一定會出現一道"空白"，
所以為了保持頁面的美觀，有些地方還需要連同修改！！
↓ 於CSS檔中找到桃色字中加上藍色字 ↓
#mainFrame { MARGIN: -30px auto; }
#viewPicDiv { MARGIN: -30px auto; }
#viewPicDiv #topbar { padding-top:20px; }
這樣就大功告成囉！
不過還是要視實際CSS狀況和個人觀感做修改囉~
但是把它整個取消隱藏起來，要用的時候又覺得有點麻煩呢？
將將！看到我上方的『感應式』的功能霸嗎？
↓ 很簡單，只要在css檔裡加上↓
.chromestyle {opacity:0.0;filter:alpha(Opacity=0)}
.chromestyle:hover {opacity:1.0;filter:alpha(Opacity=100,FinishedOpacity=100)}
如此一來，功能霸就會隱藏起來不礙眼，而需要時將游標滑過它又會顯現囉！！
但是！
因為功能霸被隱藏了，所以上方一定會出現一道"空白"，
所以為了保持頁面的美觀，有些地方還需要連同修改！！
↓ 於CSS檔中找到桃色字中加上藍色字 ↓
#mainFrame { MARGIN: -30px auto; }
#viewPicDiv { MARGIN: -30px auto; }
#viewPicDiv #topbar { padding-top:20px; }
這樣就大功告成囉！
不過還是要視實際CSS狀況和個人觀感做修改囉~
