給你的百度畫個妝

weixin_33806914發表於2019-02-28

介紹

現在很多網站做的簡單便捷，比如思否（?舔狗應有盡有）,但是百度依然是十年前的畫風，而且不管你搜尋什麼都充斥著各種廣告，體驗極差。今天我們就一起給百度美化一下。?

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;
}

效果對比：
原百度
美化後

原百度

美化後

總結

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

喜歡請點贊。彳亍口巴？

相關文章