2008年7月5日

移除/自動隱藏 Blogger 導覽列

重要: 修改 Template前請先備份存檔

修改步驟 自訂 (Customize) → 範本 (Template) → 修改 HTML (Edit HTML) → 把 展開小裝置範本 (Expand Widget Template) 打勾 來編輯範本的完整 HTML

a. 永久隱藏:
在 <head> </head> 代碼之間加入以下代碼:

<style type='text/css'>
.Navbar {visibility:hidden;display:none;}
</style>

b. 自動隱藏(Mouse Over): 滑鼠經過時才會出現導覽列, 適用於 Firefox, 在 ie下的效果是隱形而非自動隱藏, 滑鼠向右上角移動時, 仍可點到登入連結.
在 body { 代碼前加入以下代碼:
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}




沒有留言 :

張貼留言

※ 科技日新月異,文章內容相關資訊以發文時間為準!感恩!



本週熱門

文章導覽


歡迎到 facebook 一起來廢屁~