给你的百度画个妆

介绍

如今不少网站作的简单便捷,好比掘金(🙈舔狗应有尽有),可是百度依然是十年前的画风,并且无论你搜索什么都充斥着各类广告,体验极差。今天咱们就一块儿给百度美化一下。😏css

Tips: 这实际上是个插件推荐博,技术党勿喷。web

本文首发于个人我的网站 Timbok.topchrome

安装可加载本地CSS的Chrome插件

Chrome上此种插件有不少,这里我选择的是Stylish网站

下载美化规则

这个插件的官网有不少大佬写好的美化规则,你们能够本身选择本身喜欢的。ui

除了百度,你还能够下载腾讯新浪谷歌优酷等美化规则。google

在此插件上新建一个CSS样式

若是你不想作伸手党,且你有一点点CSS功底,那么你能够自定义样式。spa

你想一想你女友以为某网页的一个模块很丑,想让它消失。你站起来对她说:无知又愚蠢的女人,让我来帮你搞定吧。🤔插件

而后你从30块的背包里掏出你的mbp,找到模块的类名,dispaly: none,三步搞定。🤔3d

最后对女友说,你不喜欢的我都让她消失。🤔code

但是你没有女友。

是你没有女友

你没有女友。

没有女友。

在深色框内你就能够编写本身的样式了。

如下是我编写的百度美化规则,简易的美化了一下百度而后屏蔽了一些广告。喜欢❤可使用哟。

/* 去除首页广告 */
.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;
}

复制代码

效果对比:

原百度
美化后

原百度

美化后

总结

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

喜欢请点赞。彳亍口巴?

相关文章
相关标签/搜索