如何去掉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 } /* 导航栏搜索框 */ .SearchBar { margin: 6px 39px } .Input-wrapper.Input-wrapper--grey { background: #e3e3e3; /*搜索框的背景颜色*/ border: 1px solid rgba(0, 0, 0, 0) } .Sticky.AppHeader .Popover input.Input { text-align: left; color: #000000 /*搜索框内的字体颜色,当前设置为白色*/ } .Sticky.AppHeader .Popover input.Input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #E9E9E9 } .Sticky.AppHeader .Popover input.Input:-moz-placeholder, textarea:-moz-placeholder { color: #E9E9E9 } .Sticky.AppHeader .Popover input.Input::-moz-placeholder, textarea::-moz-placeholder { color: #E9E9E9 } .Sticky.AppHeader .Popover input.Input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #E9E9E9 } .Sticky.AppHeader.is-fixed .Popover input.Input { text-align: left; /*搜索框输入时字体的位置*/ color: #000000 /*搜索框输入时字体的颜色*/ } .Sticky.AppHeader.is-fixed .Popover input.Input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #E9E9E9 } .Sticky.AppHeader.is-fixed .Popover input.Input:-moz-placeholder, textarea:-moz-placeholder { color: #E9E9E9 } .Sticky.AppHeader.is-fixed .Popover input.Input::-moz-placeholder, textarea::-moz-placeholder { color: #E9E9E9 } .Sticky.AppHeader.is-fixed .Popover input.Input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #E9E9E9 } .Sticky.AppHeader.is-fixed .Popover .Input-wrapper.is-focus { background-color: #48b3fd } .SearchBar-focusedInput { width: 326px; color: #000000 /*搜索栏光标颜色*/ /*background-color: #ff0000*/ } .SearchBar-searchIcon { /*搜索放大镜标签*/ /*background-color: #ff0000*/ /*color: #ff0000 /*display: none*/ } /* 卡片 */ .TopstoryMain { width: 720px } .Card.TopstoryItem:first-child { margin-top: 15px !important } .Topstory-container { margin: 15px auto } .Topstory-mainColumn { margin-right: 15px } .TopstoryHeader { border-radius: 6px; box-shadow: 0 0 10px rgba(3, 3, 3, .1) } .Card.TopstoryItem { margin-top: 25px; margin-bottom: 25px; padding: 0; border-radius: 10px; box-shadow: 0 3px 10px rgba(3, 3, 3, .1); transition: .35s } .Card.TopstoryItem:hover { box-shadow: 0 10px 10px rgba(3, 3, 3, .1); transition: .35s } .Card.TopstoryItem .Feed { padding: 16px 20px } .Card.TopstoryItem.TopstoryItem--experimentExpand .ActionCard { padding: 16px 20px } .Card { margin-bottom: 15px; border-radius: 6px; box-shadow: 0 0 10px rgba(255, 3, 3, .1) } .Feed-title { margin-right: 15px; margin-bottom: 0; float: right } .Feed-meta-item { height: 24px; line-height: 24px; position: relative; top: -40px } .Feed-meta-item a.TopicLink { position: relative; top: 40px } .AuthorInfo-badge .RichText.AuthorInfo-badgeText { display: none } .RichContent-cover { margin-left: 12px; margin-right: 0; margin-top: 0; margin-bottom: 0; float: right } /* Modal */ .Modal--fullPage { width: 700px } .Modal--fullPage .Modal-inner { border-radius: 10px } /* 问题详情页 */ .QuestionHeader { width: 1000px; min-width: 1000px; margin: 20px auto; border-radius: 15px; box-shadow: 0 0 20px rgba(3, 3, 3, 0) } .QuestionHeader-content { padding: 0 } .QuestionHeader-footer-inner { padding: 0 } .PageHeader.is-shown .QuestionHeader-title { /* 问题标题颜色*/ width: 1000px; color: rgba(255, 0, 0, 0); /*最后一个零代表透明*/ } .PageHeader.is-shown .QuestionHeader-side { display: none } .Question-main { margin: 15px auto } .Question-mainColumn { margin-right: 15px; padding-bottom: 0 } .Question-sideColumn { width: 292px } .Question-sideColumn--sticky .Card:last-of-type { display: none } .Card-headerText { width: 100%; text-align: center } .AnswerItem-extraInfo { display: none } .QuestionAnswers-answerAdd { margin-top: 25px; margin-bottom: 15px !important } /* 关于作者 */ .Card.AnswerAuthor { display: none } /* 回答 */ .List .List-item { padding: 20px 40px } /* 首页广告 */ .Sticky .Card.Banner { display: none } .Card.TopstoryItem .Advert { display: none } .Card.TopstoryItem .Advert--card { display: none } .Card.TopstoryItem .Popover.TopstoryItem-rightButton { display: none } /* 问题详情页 - 问题状态 */ .QuestionStatus .QuestionStatus-bar { width: 967px; margin: 15px auto; background-color: #FFF; border-radius: 6px; box-shadow: 0 0 10px rgba(3, 3, 3, .1) } /* 问题详情页 - 邀请回答 */ .Question-main .Question-mainColumn .Card.QuestionInvitation { display: none } /* 个人主页 */ .Profile-sideColumn .Footer { display: none } .UserAvatarEditor.ProfileHeader-avatar .UserAvatar { border-radius: 500px } .UserAvatarEditor-maskInner { border-radius: 500px } .Mask-mask--black { background: rgba(255, 255, 255, .5) } .Card.ProfileMain .ProfileMain-header .Tabs.ProfileMain-tabs { padding-left: 65px } .Profile-sideColumn .Profile-lightList { margin: 15px 0; padding: 10px 25px; background-color: #FFF; border-radius: 6px; box-shadow: 0 0 10px rgba(3, 3, 3, .1) } .Profile-lightList .Profile-lightItem { border-top: 0 } .Profile-lightList .Profile-lightItem:last-child { border-bottom: 0 } .Profile-sideColumn .Profile-footerOperations { margin: 15px 0; padding: 10px 25px; background-color: #FFF; text-align: center; border-radius: 6px; box-shadow: 0 0 10px rgba(3, 3, 3, .1) } .PageHeader.is-shown .Tabs.ProfileMain-tabs .Tabs-item a, .PageHeader.is-shown .Tabs.ProfileMain-tabs .Tabs-item a span { color: #FFF } .ProfileMain-menuToggler { color: #FFF } .Button.ProfileMain-menuToggler.Button--plain { margin-top: 2px } .Button.ProfileMain-menuToggler.Button--plain .Icon.ProfileMain-tabIcon.Icon--arrow { fill: #FFF } .PageHeader.is-shown .Tabs.ProfileMain-tabs { padding-left: 20px } /* 未登陆账号时问题详情页顶部导航栏“登陆”&“加入知乎”按钮样式问题 */ .AppHeader-userInfo .AppHeader-profile .Button.AppHeader-login.Button--blue { color: #FFF; border: 1px solid #FFF } .AppHeader-userInfo .AppHeader-profile .Button.AppHeader-login.Button--blue:hover { background-color: #2299EE } .AppHeader-userInfo .AppHeader-profile .Button.Button--primary.Button--blue { background: none; border: 1px solid #FFF } .AppHeader-userInfo .AppHeader-profile .Button.Button--primary.Button--blue:hover { background-color: #2299EE } /* 问题详情页“关注问题”&“写回答”按钮 */ .QuestionHeader .QuestionHeader-footer .QuestionHeader-footer-inner .QuestionHeader-side .QuestionButtonGroup .Button.Button--primary.Button--blue { background: none; background-color: #2299EE; color: #FFF; border: 1px solid #2299EE } .QuestionHeader .QuestionHeader-footer .QuestionHeader-footer-inner .QuestionHeader-side .QuestionButtonGroup .Button.Button--primary.Button--blue:hover { background-color: #2693EC } .QuestionHeader .QuestionHeader-footer .QuestionHeader-footer-inner .QuestionHeader-side .QuestionButtonGroup .Button.Button--blue { background: none; background-color: #2299EE; color: #FFF; border: 1px solid #2299EE } .QuestionHeader .QuestionHeader-footer .QuestionHeader-footer-inner .QuestionHeader-side .QuestionButtonGroup .Button.Button--blue:hover { background-color: #2693EC } /* 问题详情页 - 代码块 */ .Card .List .List-item .ContentItem.AnswerItem .RichContent.RichContent--unescapable .RichContent-inner .highlight pre { width: 580px; margin: 2em auto; background: none; background-color: #F9F9F9; border: 1px solid rgba(9, 9, 9, .1); border-radius: 10px; box-shadow: 0 0 10px rgba(9, 9, 9, .1) } /* 个人主页 */ .UserAvatar { border-radius: 150px } .FollowButton { width: auto } .PageHeader.is-shown .ProfileMain-header .MemberButtonGroup.ProfileButtonGroup.ProfileMain-buttons .Button { color: #FFF; border: 1px solid #FFF; background: none } .PageHeader.is-shown .ProfileMain-header .MemberButtonGroup.ProfileButtonGroup.ProfileMain-buttons .Button svg.Icon.Button-icon.Icon--comments { fill: #FFF } .ProfileMain-menuToggler { color: #000 } .PageHeader.is-shown .ProfileMain-header .Tabs.ProfileMain-tabs .Button.ProfileMain-menuToggler.Button--plain { color: #FFF } /* 不感兴趣 */ .Card.TopstoryItem div[data-za-module="IgnoreCard"] { padding: 16px 20px } /* 首页 - 提问 */ .Modal-wrapper .Modal.Modal--large.QuestionAsk-Modal .Modal-inner { border-radius: 8px } /* 首页 - 想法 */ .App-main .Topstory .Topstory-container .Topstory-mainColumn .Card .writePin .writePin-content { border-radius: 8px } /* 首页 - 右侧栏消息提示 */ .TopstorySideBar-navNumber { background: none; font-size: 12px; } /* 代码块 */ .RichText code { background: none; } /* 相关 Live 推荐 */ .Sticky .Card .Card-header.RelatedLives-title { display: none } .Sticky .Card .Card-section.RelatedLives-list { display: none }
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。