close

在文章底部有非常多的小廣告，不論是全站熱搜、你可能感興趣還是乎你看更多，這些小廣告不僅造成排版難看，而且老實說根本觸及不到人，這分類根本是在心酸的。
移除全站熱搜 痞客邦移除你可能感興趣的話題 痞客邦

 

維特整理了一串CSS供給大家複製貼上即可喔，/*--*/綠色CSS可以不必刪除直接貼上

CSS
/*移除 文尾全站熱搜*/
.tag-container-parent {display:none !important}
/*移除 熱搜下小廣*/
.one-multiply-one-ad{display:none !important}
/*移除 你可能感興趣*/
#recommend-topic {display:none !important}
/*移除 乎你看更多*/
#pix-ad-nerdArticle{display:none !important}

 

如果有想了解這串CSS代碼的可以繼續看下去，或是你想看更多關於CSS教學整理，點選 這裡 跳轉查看

1. 打開開發者(F12)工具，點選都可以到看每一個窗格的代碼，如果不了解回看 Ep.1
 

痞客邦 移除小廣告.png痞客邦 移除乎你看更多.png痞客邦 移除全站熱搜.png痞客邦 移除你可能感興趣的話題.png

2. 將這些名稱記起，照著前端轉換公式

如果前台顯示 div id="abc" 的話，後台CSS的寫法就是以 #abc{ } 去做編輯；如果前台顯示 div class="def" 的話，後台CSS的寫法就是以 .def{ } 去做編輯。

可以了解一下 display:none ，這個代表將展示效果關閉；我如果要將div id="abc" 關閉，那在後台CSS就要寫成

#abc {
    display: none
}

反之如果遇到div class="def"

.def {
    display: none
}

3.  而為何要加 !important ，主要不了解大家目前使用的版面樣式是否已有寫相關的設定，添加!important上去可以將這段設為更重要的，跑程式優先跑這段，但當然如果CSS中有相衝的還是刪掉最好，善用Ctrl+F尋找會更加方便。
移除痞客邦 熱搜 更多.png

 

維特學習筆記主要作為維特上網爬文了解，以及逐步試錯練習成果展示，維特參考的文章連結也都會放置在文章最末端，大家也要多多去支持原作者。也歡迎各位先進，如果有更好的方式或是你覺得如何更好，都請不要吝嗇多多指教。

 

打造屬於自己的痞客邦 - 維特學習筆記 - 目前瀏覽 Ep.4

1. 學習筆記前文 - Ep.0
2. 痞客邦 HTML 和 CSS 完全指南 - Ep.1
3. 在側欄、文章中插入FB粉絲團 - Ep.2
4. 頁尾樣式修改 - Ep.3
5. 移除文章底部熱搜、猜你喜歡小廣告 – Ep.4
 

 

 

 

 

 

 

 

 

 

 

 

arrow
arrow
    文章標籤
    文尾全站熱搜 熱搜下小廣告 你可能感興趣的話題 乎你看更多 痞客邦文尾全站熱搜 痞客邦熱搜下小廣告 痞客邦你可能感興趣的話題 痞客邦乎你看更多 移除文尾全站熱搜 移除熱搜下小廣告 移除你可能感興趣的話題 移除乎你看更多 全站熱搜 移除廣告 刪除痞客邦廣告 你可能感興趣 刪除乎你看更多 刪除頁尾更多 痞客邦頁尾更多 痞客邦煩人廣告
    全站熱搜
    創作者介紹
    創作者 小維 的頭像
    小維

    維特數位生活

    小維 發表在 痞客邦 留言(0) 人氣()