Chrome 私人珍藏-stylus插件实现个性化百度界面定制

时间:2022-07-25
本文章向大家介绍Chrome 私人珍藏-stylus插件实现个性化百度界面定制,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

先看效果图:【如果不懂代码,没关系,YHWHCSDN-以后我会告诉你!】喜欢的登陆下点个赞,要不作者都没动力了。

特色:霸气的背景,简约没有任何杂质的外观,细长的滚动条,当然,这是我自己设置的。

更重要的是,你可以根据你的喜欢自己来定制!!!

步骤一:打开插件主页,点击编写新样式。

步骤二:点击导入,把代码copy进去,覆盖样式后,起个名字保存即可,打开百度,即可体验!搜索时还有特效哦!

附录---代码如下:【也可以直接下载代码:https://download.csdn.net/download/qq_38161040/10787602

@-moz-document regexp("https?://www.baidu.com/?"), regexp("https?://www.baidu.com/\?tn=(.*)") {
#u1{
    display:none;
}
html{
    overflow-y: auto;
}
body {
    background-image: url(http://attach.bbs.miui.com/forum/201310/14/171453hgtw64npx6aoa6ax.jpeg) !important;
    background-repeat:no-repeat !important;
    background-position: center top !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    font-family:"Verdana" !important;
}
html,
body{
    height: 100%;
}
#s_top_wrap,/*顶栏*/
#u1,/*顶栏*/
#s_main/*频道*/{
	 background-color: rgba(255,255,255,0.5) !important;
}
#u1{
    margin: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}
/*调整搜索框位置*/
.s_form{
    top: 250px !important;
    bottom: auto !important;
}
.s_form .fm{
    top: 0 !important;
}
#lg{
    /*display: none !important;*/
    visibility: hidden !important;
}
/*天气面板*/
.weather-setting-content{
    background-color: rgba(255,255,255,0.5) !important;
}
/*隐藏多余元素*/
.s-center-box,
.s-treasure,/*↓底部信息↓*/
#ftCon,
.qrcodeCon,
.no-qrcode-layer{
    display: none !important;
}
/*更多产品*/
.bdbriscroll-onwheel{
    height: auto !important;
}
/*自定义*/
.s_ipt{
    color:red;
    font-size: 20px;
    font-weight: 700;
}
.bdsug{
    background-color: #ece99e !important;
}
.bdsug.bdsugbg ul {
    background: url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1541172597770&di=668d8a33274f87a3ac7e82abf8ee0abd&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F01de64588956ada8012060c8931fdb.gif) 90% 100% no-repeat;
    /*background-size: 150px 165px;*/
}
}

@-moz-document regexp("https?://www.baidu.com/(s|baidu)\?(.*)") {
body {
    background-image: url(http://attach.bbs.miui.com/forum/201310/14/171453hgtw64npx6aoa6ax.jpeg) !important;
    background-color: black;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-position: center top !important;
    background-size: cover !important;
    font-family:"Verdana" !important;
}
/*顶部栏1*/
#head{
    background-color: rgba(255,255,255,0.3) !important;
    position: fixed !important;
    top: 0;
}
#u, #head, #tool, #search, #foot {
    font-size: 0px;
}
.s_form{
    padding-left: 125px;
}
.s_ipt_wr{
    width:830px;
}
.s_ipt{
    color:red;
    font-size: 20px;
    font-weight: 700;
}
#s_tab a, #s_tab{
    font-size: 14px;
    color:pink;
    font-weight:700;
}
/*顶部栏2*/
#s_tab{
    padding-left: 135px;
    background-color: rgba(248,248,248,0) !important;
}
.nums, .search_tool_conter {
    width:100%;
    margin-left:100px;
}
/*顶部搜索工具*/
.head_nums_cont_outer{
    margin-top: -40px;
    margin-left: 620px;
    width: 450px;
}
.nums,
.search_tool_conter{
    width: 100%;
    margin-left: 0;
}
.nums{
    padding-left:120px;
}
/*搜索结果顶部提示*/
.leftBlock{
    border-style: none !important;
    padding: 3px 15px 3px 15px !important;
    background-color: rgba(255,255,255,0.3);
    border-radius: 11px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px 0;
}
.hit_top_new{
    padding: 0px 15px 0 15px !important;
    background-color: rgba(255,255,255,0.4);
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px 0;
}
/*左侧面板*/
#content_left{
    margin-left: 135px;
    margin-top: 25px;
    width: 670px;
    padding: 0;
}
/*搜索结果&相关搜索*/
.c-container,
#rs{
    background-color: rgba(255,255,255,0.9);
    width: 800px;
    padding: 12px 15px 15px 15px;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 5px 1px;
    transition: background-color 0.2s;
}
#rs{
    margin-left: 135px;
}
.c-container:hover,
#rs:hover{
    background-color: rgba(255,255,255,0.95);
}
/*c-border*/
.c-border{
    background-color: rgba(244,244,244,0.6);
}
/*宽版容器*/
.container_l{
    width: 100%;
}
/*右侧面板*/
#container{
    position: absolute;
}
#content_right{
    margin-top: 0px !important;
    border-style: none;
    display:none;
}
#content_right table{
    background-color: rgba(248,248,248,0.1) !important;
    padding: 25px 16px 0px 17px;
    border-radius: 0 0 15px 15px;
}
#content_right table tbody tr td table{
    background-color: transparent !important;
    padding: 0;
}
/*跳页*/
#page{
    background-color: transparent !important;
    margin-left: 165px;
    padding-left: 0px;
    width: 555px;
}
#page a, #page strong {
    
    margin-right: 30px;
}
#page a,
#page strong{
    background-color: rgba(255,255,255,0.9) !important;
    height: auto;
    border-radius: 2px;
    border: 1px solid rgb(225, 226, 227);
    box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px 0;
}
#page strong{
    border-color: rgb(51, 136, 255);
}
#page a:hover{
    border-color: rgb(51, 136, 255);
}
#page .pc{
    border-style: none !important;
}
/*屏蔽无用元素及广告*/
#page .fk,
#result_logo,
#con-at,
.res_top_banner,/*网络环境被劫持提示(根据需要屏蔽)*/
.hint_right_middle,
.headBlock,
.ec-figcaption,
#foot,
#content_left [class="result c-container"]{/*广告*/
    display: none !important;
}
#content_left [style*="display:block !important;visibility:visible !important"]{/*推广*/
    margin: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}
/*自定义*/
.bdsug{
    width:830px;
    background-color: #ece99e !important;
}
.t {
    font-weight:700;
}
.wrapper_l #kw {
    width: 780px;
}
.bdsug.bdsugbg ul {
    background: url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1541172597770&di=668d8a33274f87a3ac7e82abf8ee0abd&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F01de64588956ada8012060c8931fdb.gif) 90% 100% no-repeat;
    /*background-size: 150px 165px;*/
}
}

/*解决浏览返回后的弹出框问题*/
.result-op{
    display:none !important;
}
.rrecom-btn-parent{
    display:none !important;
}

@-moz-document regexp(".*^(?!.*(pan|yun)).*.baidu.com(.*)") {
/*滚动条*/
::-webkit-scrollbar{
    margin-right: -10px !important;
    width: 6px;
    height: 6px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar-track{
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3) inset;
    background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb{
    border-radius: 3px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3) inset;
    background-color: #999;
}
::-webkit-scrollbar-thumb:hover{
    background-color: #777;
}
::-webkit-scrollbar-thumb:active{
    background-color: #555;
}
}

@-moz-document regexp("https?://(pan|yun).baidu.com/disk/(.*)"), regexp("https?://(pan|yun).baidu.com/share/manage(.*)"), regexp("https?://(pan|yun).baidu.com/mbox/(.*)") {
/*度娘盘1*/
#wxzMenuDisplay,/*油猴插件百度云apikeyUI*/
.header-wxzbar .icon-dropdown-arrow{
    color: #FFF;
}
#document,
#doc,
.frame-all{
    background-image: url(http://attach.bbs.miui.com/forum/201310/14/171453hgtw64npx6aoa6ax.jpeg) !important;
    background-position: left center !important;
}
/*.header-logo{
    background-image: url(https://res.lolicon.app/baidu/200px-PLASTIC_MEMORIES_logonoise_scaleLevel1x2.000000.png) !important;
    background-size: contain !important;
    margin-top: -5px !important;
    margin-bottom: 0 !important;
    height: 57px !important;
}*/
.module-aside *[data-key]{
    width: 400px !important;
}
.module-aside .g-button[data-button-id]{
    width: calc(400px - 48px) !important;
}
.main-content{
    margin-left: 400px !important;
}
.frame-main{
    left: 400px !important;
}
.app-download,
.aside-absolute-container>.g-clearfix,
.module-aside>.global-clearfix{
    display: none !important;
}
.aside-absolute-container{
    height: 80px !important;
}
.module-aside .global-clearfix.bar{
    bottom: -20px !important;
}
#yao-main .yao-b{
    margin-left: 400px !important;
}
/*左侧hover缩进*/
li[node-type="list-item"] a>span,
.module-aside *[data-key] a>span,
.module-aside .g-button[data-button-id] a>span{
    transition: transform 0.2s;
}
li[node-type="list-item"]:hover a>span,
.module-aside *[data-key]:hover a>span{
    transform: translateX(10px);
}
li[node-type="list-item"].active:hover a>span,
li[data-key="all"]:hover a>span,
li[data-key="share"]:hover a>span,
li[data-key="recyclebin"]:hover a>span{
    transform: none !important;
}
/*ad*/
.banner-active.discount-banner{
    display: none !important;
}
/*自定义*/
.module-aside.DtJtsC .fOHAbxb a {
    color:white;
}
.module-aside.DtJtsC .fOHAbxb .bHzsaPb a {
    color: yellow;
}
.module-aside .g-button[data-button-id] {
    width: 200px !important;
}
.module-aside *[data-key] {
    width: 200px !important;
}
.frame-main {
    left: 280px !important;
    width:920px;
}
}

@-moz-document regexp("https?://(pan|yun).baidu.com/s/(.*)"), regexp("https?://(pan|yun).baidu.com/share/(.*)shareid(.*)") {
/*度娘盘2*/
html{
    height: 100% !important;
    background-image: url(https://res.lolicon.app/baidu/plastic_mem_retouch_retouch.jpg) !important;
    background-position: left center !important;
    background-size: cover !important;
    background-repeat: no-repeat;
}
body{
    position: fixed;
    height: 100%;
    width: 100%;
}
body,
.frame-all,
#layoutHeader,
.module-header-wrapper,
#doc{
    background-color: transparent !important;
}
.header-info a[title="客户端下载"],
#footer,/*footer*/
#ft,/*footer*/
.init-footer,
.cloud-bg,
.iframe_two_dimension_code{
    display: none !important;
}
#mainContent{/*居中*/
    padding: 0;
    position: fixed;
    margin: -279px 0 0 -490px !important;
    top: 50%; bottom: auto; left: 50%; right: auto;
    z-index: 50;
}
.module-header{
    border-style: none !important;
}
.module-header a,
.module-header span{
    color: #fff !important;
}
.subscript{
    background-color: #fff !important;
}
.header-logo{
    background-image: url(https://res.lolicon.app/baidu/200px-PLASTIC_MEMORIES_logonoise_scaleLevel1x2.000000.png) !important;
    background-size: contain !important;
    margin-top: -5px !important;
    margin-bottom: 0 !important;
    height: 57px !important;
}
.acss_banner{
    background-image: url(https://res.lolicon.app/baidu/200px-PLASTIC_MEMORIES_logonoise_scaleLevel1x2.000000.png) !important;
    background-size: contain;
    background-position: center;
}
.verify-form{
    border-radius: 20px 20px 10px 10px !important;
}
.title{
    border-radius: 10px 10px 0 0 !important;
}
.frame-main{/*居中*/
    margin: auto !important;
    width: 980px !important;
    top: 0; bottom: 0; left: 0; right: 0;
    position: absolute !important;
    height: 512px;
    overflow-y: auto;
    z-index: 50;
}
.share-file-viewer{
    width: 730px !important;
    padding-bottom: 14px !important;
    padding-top: 3px !important;
    margin-bottom: 0 !important;
}
.slide-show-right{
    width: auto !important;
}
#commentTextarea{
    width: 700px;
}
.access-code.access-fld{
    width: 286px !important;
}
.g-button.g-button-blue-large{
    margin-right: 0 !important;
}
#bd{
    margin-left: 400px !important;
}
/*ad & others*/
.module-hot-rec,
.g-button[data-button-id="b5"],
.g-button[data-button-id="b7"],
.ad-platform-tips,
.ad-single-bottom,
#web-right-view,
.platform-tips{
    display: none !important;
}
}