[Blogger筆記]隱藏Blogger導覽列
CSS範本技巧運用
Blogger 範本是由 CSS 來控制外觀的(其實大部分的Skin 都是),最仔細的做法就是將範本中的CSS 一項一項解析出來,再針對想變更的地方修改,畢竟我們不是Blogger的原始設計者,沒有辦法對比出像字典一樣完整的CSS 名稱表,但是還是可以從CSS 的命名看出一些端倪。
雪球媽會先檢視範本的原始檔,搜尋可能的對應Div標籤,也可以嘗試該對Div 標籤作一些更動來做確認,已經存在範本的就直接更改,沒有的項目就新增在]]></b:skin></head>之前,建議一定要將展開小裝置範本維持在勾選的狀態,雖然光編輯CSS是不會和小裝置範本的XML相互影響的(小裝置範本=網頁元素),但是展開後可以看到更為完整的原始碼,也較能理解彼此之間的關聯性。
Blogger 導覽列指的就是上圖的部分,其實算是一個很有特色的工具列,可以快速登入跟搜尋,或許有的Blogger 友覺得很好用吧!但是我覺得破壞了版面設計的完整性,只要加入下列的CSS,就可以將其完整隱藏了。
by雪球媽
- 隱藏Blogger導覽列
登入帳號→版面配置(管理)→修改HTML→展開小裝置範本→複製下方CSS→]]></b:skin></head>之前→預覽確認→儲存範本。
.Navbar {
visibility:hidden;
display: none;
}
2 Comments:
Post Comments
感恩嘿~
真是簡單又實用
沒有導覽列的確比較不會那麼制式化了
很高興對你有幫助~
歡迎常來看看~還會陸續有新的教學唷!!