繼前篇在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

7 تعليقات

‏قال غير معرف…
天,好像看到以前的我。
各位烈士真是令人景仰。
‏قال Avatar X
I like the design, chaotic, but cool.

Thanks for the links
‏قال Jas
Hi~ Avatar

Thanks for your tutorial.

rach:
隨時歡迎你再度加入熱血blogger的行列

免洗湯匙:
感謝熱情補註,
其實我現在這個舊版blogger就是用display:none
‏قال غير معرف…
看樣子不錯!
‏قال Avatar X
isee the design was a work in progress, now i love it.

Top notch.
‏قال غير معرف…
成功了,謝謝分享。
أحدث أقدم