這篇是參考Muser的大作

幾乎所有隱藏/顯示的功能在網路上都稱作 Peekaboo (躲貓貓),相當地可愛,像是首頁隱藏內文,進入單篇文章再展開這個功能稱作 Peekaboo Post ,Archive Page 內的文章條列式開合也稱作 Peekaboo Recent Post, AJAX 動態選單收合動作也被戲稱為 Peekaboo Menu,要找尋類似的功能,當然以搜尋 Peekaboo 關鍵字為主來進行搜尋,找到相關 Code 的命中率相當地高。

使用 Blogger.com 的亞洲使用者有不少人不太喜歡 Blog 上方被嵌進的 Navbar,尤其是以台中港三地的使用者為最(當然,在 Publish via FTP 的設定中 Navbar 是可以取消的),但是這個 Navbar 其實有不少的功能,例如登入後在右上角可以直接進行 Post、進入 Layout 的修改、登出等,左上角則有搜尋 Blog 內文、使用 Next Blog 來隨意瀏覽 *BlogSpot.com 中其他使用者的 Blog,也能夠立即針對正在看的文章使用 Blog This 來發佈相關文章。

有些使用者是採用其他方式來取消這個 Navbar,有些使用者使用的語法也破壞 Template 內語法的完整性,沒了這一條 Bar 似乎也不像是在用 Blogger.com 了,那不如改用 Peekaboo Navbar 吧!只要在 CSS 設定的前頭放入底下兩行 CSS 設定,就可以讓 Navbar 自動隱藏,滑鼠經過時再展開,就像這邊的上方 Navbar 一樣:


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



IE7好像會有問題的樣子,不過我一直都是用firefox...所以沒差..

0 Comments:

Post a Comment




 

Copyright 2006| Blogger Templates by GeckoandFly modified and converted to Blogger Beta by Blogcrowds.
No part of the content or the blog may be reproduced without prior written permission.