在Beta去除NavBar

作者: Jas / 發表於 2006-12-05

繼前篇在Beta使用HaloScan Trackback改寫如何在blogspot引用文章為合適blogger Beta使用的新版作法後,本文繼續更新如何在blogger.com建立清爽版面的Beta版作法。

 我在Jas9 Beta實作的去除NavBar作法是出自這篇文章的hovering-peek-boo,顧名思義應該是滑鼠移過會出現、移走會消失的一種效果,不過,實際上在不同瀏覽器下略有差異:

  1. FireFox:完全支援,NavBar隨滑鼠隱現。
  2. Opera 9+:部份支援,NavBar被隱藏,滑鼠移至左上方若點中搜尋輸入欄位,則會出現NavBar
  3. IE 6及7:不支援隨滑鼠隱現,頁面上看不到NavBar,但點得到。

 所以,請斟酌使用。實際作法如下:

 登入後台依序進入「範本>修改HTML」,將以下兩段CSS宣告複製並貼到CSS語段裡:

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)} #navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

 儲存之後就可以看到實作的效果了。

technorati tag




回上方