Chrome 私人珍藏-stylus插件实现个性化百度界面定制
生活随笔
收集整理的這篇文章主要介紹了
Chrome 私人珍藏-stylus插件实现个性化百度界面定制
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
先看效果圖:【如果不懂代碼,沒關(guān)系,YHWHCSDN-以后我會告訴你!】喜歡的登陸下點(diǎn)個(gè)贊,要不作者都沒動(dòng)力了。
特色:霸氣的背景,簡約沒有任何雜質(zhì)的外觀,細(xì)長的滾動(dòng)條,當(dāng)然,這是我自己設(shè)置的。
更重要的是,你可以根據(jù)你的喜歡自己來定制!!!
步驟一:打開插件主頁,點(diǎn)擊編寫新樣式。
步驟二:點(diǎn)擊導(dǎo)入,把代碼copy進(jìn)去,覆蓋樣式后,起個(gè)名字保存即可,打開百度,即可體驗(yàn)!搜索時(shí)還有特效哦!
附錄---代碼如下:【也可以直接下載代碼: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; } /*調(diào)整搜索框位置*/ .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; } /*更多產(chǎn)品*/ .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; } /*搜索結(jié)果頂部提示*/ .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; } /*左側(cè)面板*/ #content_left{margin-left: 135px;margin-top: 25px;width: 670px;padding: 0; } /*搜索結(jié)果&相關(guān)搜索*/ .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%; } /*右側(cè)面板*/ #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,/*網(wǎng)絡(luò)環(huán)境被劫持提示(根據(jù)需要屏蔽)*/ .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(.*)") { /*滾動(dòng)條*/ ::-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; } /*左側(cè)hover縮進(jìn)*/ 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; } }總結(jié)
以上是生活随笔為你收集整理的Chrome 私人珍藏-stylus插件实现个性化百度界面定制的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Windows 技巧篇-鼠标指针安装方法
- 下一篇: Python+selenium 自动化-