自動隱藏導覽列

重要: 修改 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)}

Post a comment or leave a trackback: Trackback URL.

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 變更 )

Twitter picture

You are commenting using your Twitter account. Log Out / 變更 )

Facebook照片

You are commenting using your Facebook account. Log Out / 變更 )

Google+ photo

You are commenting using your Google+ account. Log Out / 變更 )

連結到 %s

%d 位部落客按了讚: