如何去掉chrome浏览知乎时的大标题栏

1、chrome有一个叫做stylish插件,安装好之后查找一个叫做Simple_Zhihu的样式,真的超级好用,基本上是可以自定义网页的各个板块的颜色。 下载安装好之后,打开知乎任意的一个页面,点击chrome右上角刚刚安装好的stylish图标,然后点击”为此网站查找更多样式“


2、从跳转到的网页中选取别人做好的主题样式,找到Simple_Zhihu,点击安装(我这个是已经安装过了,所以显示更新)



3、安装好之后,再次点击chrome中的stylish图标,选择 ”已安装的样式“,选择编辑。



4、点击去之后就能看到这个插件的配置代码,这个代码的注释是很详细的,都是一些简单的rgba的配色设置,自己摸索着就可以改动。

我贴一下我设置的地方,我加了注释。

body {
    background: #f5f5f5
}
/* 知乎相关信息 */

.Sticky .Footer {
    display: none
}
/* 建议 & 回到顶部 */
.CornerButtons {
    display: none
}
/* 头部导航栏 */

.AppHeader {
    background: none;
   /*background-color: #2693EC*/
}
.Avatar {
    border-radius: 150px
}
.AppHeader-inner {
    height: 46px
}
.AppHeader-userInfo {
    margin-top: 8px;
    margin-bottom: 7px
}
.Icon.Icon--logo {
    margin-top: 8px;
    margin-bottom: 8px;
    fill: rgba(0, 0, 0, 0) !important
}
.Icon.Icon--news {
    fill: rgb(255, 0, 0) !important
}
.Icon.Icon--message {
    fill: rgb(255, 0, 0) !important
}
.AppHeader-navItem {
     /*color: #ff0000 首页,发现,话题标签*/
	  color: #e9e9e9
}
.AppHeader-navItem:hover {
    color: #EEE
}
.AppHeader-navItem.is-active {
    color: #EEE
}
.AppHeader-nav {
    margin: 8px 50px
}
.SearchBar-askButton {
    display: none
}
/* 导航栏搜索框 */

.Se
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值