阅读 10

给你的百度画个妆

介绍

现在很多网站做的简单便捷,比如掘金(🙈舔狗应有尽有),但是百度依然是十年前的画风,而且不管你搜索什么都充斥着各种广告,体验极差。今天我们就一起给百度美化一下。😏

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

复制代码

效果对比:

原百度
美化后

原百度

美化后

总结

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

喜欢请点赞。彳亍口巴?

关注下面的标签,发现更多相似文章
评论