給你的百度畫個妝

介紹

如今不少網站作的簡單便捷，好比掘金（🙈舔狗應有盡有）,可是百度依然是十年前的畫風，並且無論你搜索什麼都充斥着各類廣告，體驗極差。今天咱們就一塊兒給百度美化一下。😏

Tips: 這實際上是個插件推薦博，技術黨勿噴。

本文首發於個人我的網站 Timbok.top

安裝可加載本地CSS的Chrome插件

Chrome上此種插件有不少，這裏我選擇的是Stylish

下載美化規則

這個插件的官網有不少大佬寫好的美化規則，你們能夠本身選擇本身喜歡的。

除了百度，你還能夠下載騰訊、新浪、谷歌、優酷等美化規則。

在此插件上新建一個CSS樣式

若是你不想作伸手黨，且你有一點點CSS功底，那麼你能夠自定義樣式。

你想一想你女友以爲某網頁的一個模塊很醜，想讓它消失。你站起來對她說：無知又愚蠢的女人，讓我來幫你搞定吧。🤔

而後你從30塊的揹包裏掏出你的mbp，找到模塊的類名，dispaly: none,三步搞定。🤔

最後對女友說，你不喜歡的我都讓她消失。🤔

但是你沒有女友。

是你沒有女友

你沒有女友。

沒有女友。

在深色框內你就能夠編寫本身的樣式了。

如下是我編寫的百度美化規則，簡易的美化了一下百度而後屏蔽了一些廣告。喜歡❤可使用喲。

/* 去除首頁廣告 */
.s-mancacrd-main {
    display: none;
}
#s_top_wrap {
    display: none;
}
.no-qrcode-layer {
	display: none;
}

/* 去除搜索結果廣告 */
#content_left > .result-op {
	display: none;
}
/* 美化搜索結果 */
.result {
    padding: 30px;
    border-radius: 5px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}
.result:hover {
    padding: 30px;
    border-radius: 5px;
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.result > div {
	margin-top: 10px;
}

#u > a {
    text-decoration: none;
}

.s_form {
    zoom: 1;
    height: auto;
    padding: 5px 0 15px 15px;
}
#s_tab {
    background: #f8f8f8;
    line-height: 36px;
    height: 38px;
    padding: 80px 0 0 127px;
    float: none;
    zoom: 1;
}

#content_left {
	padding-left: 127px;
}

.s_ipt_wr {
	height: 40px;
}

.s_btn {
	height: 42px
}

.s_ipt {
    margin: 9px 0 0 7px;
}

#result_logo {
    margin: 9px 0 0;
}

.ipt_rec:after {
    display: none;
}
.ipt_rec {
    width: 0px;
    height: 0px;
}
.nums {
    margin: 0px 0 0 127px;
    height: 42px;
    line-height: 42px;
}
#content_right {
    margin-top: 80px;
}


.cr-title-sub {
    text-decoration: none;
}

#head .bdsug {
	top: 42px;
}

/* 搜索框 */
.bdsug li {
	padding: 5px;
}
.bdsug li:hover {
	padding: 8px;
}

複製代碼

效果對比：

總結

好了。又水了一篇文章。🚣

喜歡請點贊。彳亍口巴？