百度搜索去广告和自定义样式主题

背景

​ 平常大部分问题是中文的,搜索引擎百度用的最多,但百度搜出来时 ,前面很多条基本都是广告,给人造成很多不必要的麻烦,俗话说:“水一百度就会开,人一百度就会死”,一点都不夸张,比如,查找一个病情,平常的搜索页是这么显示的:

image-20220209164424837

特别的令人反感,于是,我就找了个插件来解决这个问题

插件的安装下载配置

  1. 首先下载油猴插件Tampermonkey,直接在chrome扩展商店下载安装就行。油猴插件Tampermonkey,其实就是一个脚本管理器(类似的还有暴力猴violentmonkey),它本身的功能很简单,就是安装、管理脚本,看起来似乎和上网没有太大关系。但是,通过安装脚本,它可以实现各种强大的功能,解决我们在上网时遇到的很多痛点问题!
  • 比如视频、音频、图片、文档下载;

  • 比如去除广告、去除网页限制;

  • 再比如,自动连接页面、翻译、优化上网功能……

    总而言之,它就是一个高度自定义的多功能插件。

  1. greasyfork网站搜索AC-百度插件,得分最高的第一个就是,点进去安装就行,插件不仅支持百度首页,也支持谷歌等主流搜索引擎。image-20220209170051533

  2. 插件的配置

    插件安装完成后,百度首页就会显示一个自定义按钮,

image-20220209170224835

配置项根据自己喜好配置,我的配置是这样的,

image-20220209171354849

其中css样式配置代码是

/**计数器的颜色样式*/
div .AC-CounterT{
  background: #FD9999;
}
/**右侧栏的样式-其实不开启更好看一些*/
#content_right{
  padding: 20px 15px 15px;
  border-radius: 5px;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: 0 0 20px 2px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 0 20px 2px rgba(0, 0, 0, .1);
}
#百度搜索配置
body[baidu] {
  position: relative;
}
body[baidu]:before {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: '';
  background-image: url('https://img.tujidu.com/image/5fdde8468423e.jpg');
  background-size: 100% auto;
  opacity: 0.5; /*背景图透明度=0.8,最大1*/
}
/**隐藏首页的大图标-修复可能导致外援样式异常**/
body[baidu] #s_lg_img_new{
  display:none !important;
}
body[baidu] .c-container{
  border-radius: 5px;
  background-color: rgba(255,255,255, 0.8) !important; /*百度搜索块体的颜色;透明度=0.1,最大1*/
}
body[baidu] .c-container h3{
  background-color: rgba(248,248,248, 0.8) !important; /*百度搜索块体 - 标题的颜色;透明度=0.1,最大1*/
}
#谷歌搜索配置
body[google] {
  position: relative;
}
body[google]:before {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: '';
  background-image: url('https://img.tujidu.com/image/5fdde8468423e.jpg');
  background-size: 100% auto;
  opacity: 0.5; /*背景图透明度=0.8,最大1*/
}
body[google] .g{
  border-radius: 5px;
  background-color: rgba(255,255,255, 0.8) !important; /*百度搜索块体的颜色;透明度=0.1,最大1*/
}
body[google] .IC1Ck{
  border-radius: 5px;
  background-color: rgba(225,255,255,0.2) !important; 
}

配置完成后,再次搜索,首页的广告都没了,布局展示也都完美 .

image-20220211184101849

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要实现简单的主题和风格,可以使用 Android studio 提供的资源文件和样式表来定义组件的外观和行为。以下是实现自定义样式的步骤: 1. 在 res/values 目录下创建一个新的 styles.xml 文件,用于定义样式表。 2. 在 styles.xml 文件中定义一个基础样式,例如: ``` <style name="MyButtonStyle" parent="Widget.AppCompat.Button"> <item name="android:textColor">#FFFFFF</item> <item name="android:background">#FF0000</item> </style> ``` 这里创建了一个名为 MyButtonStyle 的样式,继承自 AppCompat 库中的 Button 组件,并设置了文本颜色和背景颜色。 3. 在 styles.xml 文件中定义一个主题,例如: ``` <style name="MyTheme" parent="Theme.AppCompat.Light"> <item name="android:colorPrimary">#FF0000</item> <item name="android:colorPrimaryDark">#990000</item> <item name="android:textColorPrimary">#FFFFFF</item> <item name="android:textColorSecondary">#CCCCCC</item> <item name="android:windowBackground">#FFFFFF</item> <item name="android:buttonStyle">@style/MyButtonStyle</item> </style> ``` 这里创建了一个名为 MyTheme 的主题,继承自 AppCompat 库中的 Light 主题,并设置了主题色、文本颜色、窗口背景色和按钮样式等属性。 4. 在 AndroidManifest.xml 文件中指定使用该主题,例如: ``` <application android:theme="@style/MyTheme" ...> ... </application> ``` 这里将应用程序的主题设置为 MyTheme。 5. 在布局文件中使用自定义样式,例如: ``` <Button android:layout_width="wrap_content" android:layout_height="wrap_content" style="@style/MyButtonStyle" android:text="My Button" /> ``` 这里将 Button 组件的样式设置为 MyButtonStyle。 通过以上步骤,就可以实现简单的主题和风格,并给组件自定义样式

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值