介绍
现在很多网站做的简单便捷,比如思否(?舔狗应有尽有),但是百度依然是十年前的画风,而且不管你搜索什么都充斥着各种广告,体验极差。今天我们就一起给百度美化一下。?
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;
}
效果对比:
总结
好了。又水了一篇文章。?
喜欢请点赞。彳亍口巴?
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。