反逆的御宅族( ACG OTAKU OF THE REBELLION)

今天記錄一下痞客邦導覽列的製作心得，下一篇再與大家分享CSS實戰，也因為疫情哪都不能去改BLOG剛好啦，資訊很少的情況之下改到快掛點 :P

 

最近因為疫情關係，在家裡也沒什麼特別的事情，一直在想部落格要怎麼做出導覽列，參考了歐飛先生與 dribs drabs的文章語法之後，搞了很久還是摸不出所以然，後來才發現一件事情。

也就是導覽列需要先在後台"側邊欄位"先設定HTML語法，才能在CSS樣式後台 設變化樣式，否則打死都做不出來 導覽列！

 

這我就有點困惑，不懂為什麼像是 歐飛先生 或 dribs drabs 的教學文都只有教一半，感覺就像是留一手一樣，既然要教又不講該做什麼事情，研究的過程感覺到有點火大。

為什麼我會知道呢？因為就算複製歐飛先生全部語法，導覽列一樣是空的，可見得需要在側邊欄位先設定HTML做定義，CSS才能做出來。

 

好了，知道要先設定側邊欄位那一堆自訂一個欄位，那到底要設一個欄位還是直接弄到公告頁上面去？

直接設定在側邊欄位，我試驗結果就是最高會卡在側邊最頂端，無法上到BANNER那裡的高度，百試不爽，後來改成放到公告頁來解決這個問題，我是參考 隨手紀錄 的文章才製作而成。

 

缺點就是，如果要變更分類目錄，公告頁就要再重新編輯一下，稍微有點麻煩。

這邊跟大家推薦一下好用的線上編輯器：CODEPEN 

 

我的導覽列就是先在上面做編輯儲存之後，再貼到痞客邦後台，可以先預覽樣式和調整真的非常方便！

 

目前就是公告頁上面有一條虛線，我想要把它刪除掉，但目前還沒有找到方法，待下次再與大家分享語法以及刪除方法吧！

再來就是上面BANNER調整一下上下位置，到最適當的距離，以及整體美觀的調整，這些都是要再思考的地方，弄到半夜還是先休息睡覺好了ZZZ

 

下一篇跟大家分享 實戰 改痞客邦 導覽列 語法，讓新手不會再求助無門，接受痞客邦很醜的版型設定。

 

相關文章推薦

• 【CSS痞客邦語法】07｜實戰製作痞客邦 導覽列