今天一進到痞客邦部落格就發現頁首硬生生繃出一行「快捷功能BAR」這鬼東西..
很多人費盡千辛萬苦做好漂亮的網誌樣式就這樣被破壞了!!
沒改版前的功能BAR至少還是在頁尾~簡單不突兀的樣式還沒這麼礙眼
何必搞出這既不美觀又有強迫廣告之嫌的改版!!
對版面樣式很在意的我~~當然是立馬研究CSS修改把它解決掉!!
也因為這樣我的部落格總算擠出第一篇關於語法教學的分享文章
關於這個BAR修改語法有個必知重點
這個語法只有FOR你自己的版版!!
不是你套用了這個語法後~到別人家就看不到BAR囉....
除非剛好他家也有用BAR的語法
總之~~每個人會因自己後台關於BAR的自訂樣式顯示出該版的BAR風貌
摁!!以上報告完畢XD
我的語法教學文~都是以自己的版型需求做設定
如果複製未經修改直接貼到你們自己的樣式
就會出現和我一樣的效果
所以針對個人的需求語法再自行修正囉!!
帶走語法的人請留言鼓勵(告知)我一下噢!!
如果可以順便的話順便「 推 + 讚 」.....((誤))
發現別人悶不吭聲的使用了自己的教學後奇蒙子真的不美麗!!
留言打幾個字告知的時間~~不會比我在試驗的時間還多吧?!
如果連這個小小的請求都無法配合....
不要逼我把這種沒禮貌的小賊公諸於世
還有分享的人也請基於尊重個人智慧財產權的前提別忘了標明出處!!
敬請配合~~感恩蛤XD
語法開始
隱藏整個「快捷功能BAR」
.topbar-placeholder{display:none !important;}
只保留「快捷功能BAR」右方的功能區塊
#topbar__search{display:none !important;}
.topbar__logo{display:none !important;}
.topbar__announce{display:none !important;}
各位應該都有發現~我在語法尾端都有加入「!important」
因為必須是有點網頁基礎的人才會了解....所以在此「!important」的意義不做累述
有興趣的人可以由此延伸閱讀了解噢!!
語法有「越下方的越有優先權」的淺規則~所以當您貼上語法時
建議貼在原語法的最下方~應該是比較不會出錯的噢!!
關於語法教學的文章到處都有
不論是原創或是只會複製別人心血來分享的
或是關於網誌、相簿、名片和留言等等的樣式語法
別的我不知道~~但我很清楚的是!!
關於「快捷功能BAR」語法~因為2014年06月0日才改版的改版改版改版改版改版改版改版改版改版改版
因此相關的語法教學應該屈指可數
況且還是原封不動直接貼上我的.....我會認不出來?!
我也很明確的在文中告知~帶走的請留言告知一下
可是大多數的「人」卻連這樣小小的要求都做不到....
讓我真的很失望
分享本身是件好事~~但也必須對分享者懷有尊重!!
並非我沽名釣譽
只是單單看到沒禮貌的小賊真的讓老娘非常不酥胡!!
所以~在這樣民主性不夠高尚的網路世界
希望不會因為這些沒禮貌的小賊而漸漸的影響到我願意分享的心情
★ 更新後記 ★
2014年08月10日
痞客邦又改版啦((怒))....針對原先的語法失效
今天失眠索性來找修補辦法
個人猜測可能是有置入官版CSS所以無法單以後台自訂樣式去改變
目前能做到的只有隱藏痞客邦LOGO、搜尋列表和跑馬燈告示
久久沒上痞客邦~原先目的只是要發表些和手作有關的小玩意
因為時間有限所以沒能很專心的針對整個BAR進行完整研究
所以今天對於BAR語法的修改就先到這了..
改天比較有空的時候再來好好想辦法解決
2017年08月05日
不知不覺荒廢格子竟然將近兩年了
心血來潮又做了一次大改版～當然也順便研究了一下如何隱藏「快捷功能BAR」
因為多了個二寶所以也只是草草帶過沒太多時間細細研究
所以就乾脆先整個隱形囉XD
*****
*****
你會改語法,怎麼會讓你blog左邊那欄整個掉版?我是用火狐看的
哈哈~~因為我正在搞第二個要備用的樣式啊!! 還沒修改完XD
Angel晚上好 今天下午我也在忙著想修改那新版的快捷列 想把點下去出現的那四個功能給改掉或是新增其他功能進去 但後來想到,再怎麼加程式進去...效果都只能在自己的格子裡看到 若是連到格友的家就恢復原狀了,真是挺傷腦筋的. 就像是妳的CSS語法只在你格子會發生作用 若妳連到格友家,那快捷列就恢復成原來的樣子了
哈囉~~晚上好:) 其實我也有發現這個問題.. 不過在下猜測那應該是因為CSS套用的關係 我們只是對自己的樣式做出修改 如果到了別人家(沒修改)就會恢復原狀 這道理就像我去了別人的部落格 他們的部落格會呈現他們選用的版型樣式而非和我自己的一樣 是相同道理吧XD
沒有錯...沒有錯... 我下午搞了半天 到晚上才想到這問題,感覺有點白做功 看來還要再想想有沒有其他方法來治這快捷列了
呵呵~~所有努力總會有所收穫的XD 像痞客這樣的平台 他們的網站或多或少會套用內定的JS預設檔 單單靠CSS語法修改是不能掩蓋過去的.. 因為在IE存取網頁時會以JS檔為主 我是舉例啦~~如果舉例舉的不好(有誤)還請見諒:)
Angel 太客氣了啦...還說啥見諒呀!!! 妳說對一個點,痞客邦會有內建的JS沒錯 但我們還是可以插入我們自己寫的JS或是CSS 但這些JS跟CSS只能放在自己的格 所以只在自己家有效 假設...我插入個簡單的CSS讓那快捷列隱藏 但是這CSS只能放我格裡,所以在我格裡是看不到快捷列 但是當我在逛格友的家,那快捷列還是會出現 因為格友家沒有那串隱藏的CSS 所以我們不管怎麼努力,只能改變在自己家的狀態 到格友家就無能為力了
沒錯滴~~就是這個邏輯:) 所以到了別人家只能「入境隨俗」啦XD 不過在自己的版裏要插入JS檔 還必須有自己的網頁空間可以放 不然只能套用改好(或自訂)的CSS囉:)
JS檔只是把javascript存成一個檔方便使用 也讓網頁的原始碼看起來乾淨點 Google的雲端硬碟就能放JS檔 在痞客邦可以利用側邊欄位放入Javascript程式碼 在文章內也可以插入Javascript程式, 不一定要用JS檔的 Angel是不是把JS檔跟CSS檔弄混了 兩個功能不太一樣唷~
嗯~~這個我知道噢!! 我現在的網誌樣式所用到的圖都是存在Google的雲端硬碟 上述提到是對於沒有網頁基礎 就是那種只會複製貼上的人 基本上應該都不會知道如何「外連」JS檔 是針對網誌樣式所說不是說側邊欄位噢XD 不只JS~CSS也可以獨立存檔做樣式連結來套用 一樣可以讓原始碼乾淨很多:) 還有想請教一下~~ 如何把不禮貌的小賊封鎖啊?! 這裡說的封鎖不是單單不能留言 而是連我發表的文章都看不到那種封鎖..
痞客邦看起來只有留言黑名單 文章的觀看權限只有加密碼或是設定好友才能觀看 在編輯文章的畫面下方有閱讀權限的設定
嗯嗯~~爬了很多文也沒收穫.... 看來真的沒辦法像FB黑名單的功能那樣:( 謝謝囉!!
有什麼辦法?可以讓放頭像的照片變大張一點?這個你會嗎?
很抱歉因為現在時間有限無法針對您的問題提出個別語法解答.. 日後我會再找時間針對相關問題發文的:) 還敬請見諒噢^^"
看到改版真是晴天霹靂,害我界面全亂套了... 謝謝你分享這個語法,真的幫大忙了^-^現在順眼多了 開發和測試也辛苦了!
不客氣噢~~能幫助到有需要的人我也很開心^^
初次見面~ 熙熙的分享文真的很棒!! 語法非常感謝喔! 對於痞客邦...覺得難過... 要不大家一起去痞客首版施加壓力,灌爆它留言,熙熙覺得如何?
謝謝你的鼓勵^^!! 其實像這樣的平台絕大收益都來自廣告廠商吧(?) 小蝦米對抗大鯨魚般的灌留言抗議 最後應該也只是變成發洩、最後只能妥協.... 能做的就是自救(修改語法惡補) 在消極的被動中~~積極的動作囉XD
舊版狀態通知列..分享給熙熙... 新增個側邊欄位..把下面程式碼放進去
哇~~你好熱心噢!!感謝您噢^^ 等腦公下班回來幫忙顧奶娃再找時間來玩玩XD
*****
*****
謝謝你無私的分享如何把討厭的 「快捷功能BAR」拿掉 , 它困擾我很久了 , 因為它的出現把我 BLOG 的名字整個都擋掉 , 不知道是那個天才想的笨東西 . 謝謝!!
不客氣噢~~能幫助到有需要的人我也很開心*^_^*
感謝分享唷=))) 快捷功能bar整個破壞美觀>< 真的很謝謝妳~~~
不客氣噢XD
感謝分享，能夠擋掉快捷功能 bar 真的太好了Orz
不客氣噢~~能幫助到有需要的人我也很開心*^_^*
感謝教學 超級實用!
不客氣噢!!很開心這篇文章能夠幫上忙^^
感謝教學！終於能隱藏上面那一欄了！
不客氣噢~~能幫助到有需要的人我也很開心^^
謝謝教學，受益良多:D
不客氣噢!!很開心這篇文章能夠幫上忙^^
嗨～親愛的部落客與同好夥伴們，看到大家在部落格中互動留言，真是太開心啦～ 痞客邦有個追新留言小祕技tip要偷偷告訴你喲！ 只要運用簡單的小撇步，在喜愛的部落格文章中，按下【+關注】按鈕，就能在自己的興趣牆上快速追蹤各種最新動態，即時和部落客與同好夥伴們留言互動，還能探索發掘更多你可能喜歡的興趣社群新鮮事喔！ >>去看看怎麼運用【+關注】https://goo.gl/xfxB4o 也歡迎大家多多關注痞客邦官方帳號，獲得更多新消息！ >>去關注【痞客邦】https://goo.gl/2sEzuL >>去關注【PIXstyleMe】https://goo.gl/PBGd69