先看效果图:【如果不懂代码,没关系,YHWHCSDN-以后我会告诉你!】喜欢的登陆下点个赞,要不作者都没动力了。
特色:霸气的背景,简约没有任何杂质的外观,细长的滚动条,当然,这是我自己设置的。
更重要的是,你可以根据你的喜欢自己来定制!!!
步骤一:打开插件主页,点击编写新样式。
步骤二:点击导入,把代码copy进去,覆盖样式后,起个名字保存即可,打开百度,即可体验!搜索时还有特效哦!
附录---代码如下:【也可以直接下载代码:https://download.csdn.net/download/qq_38161040/10787602】
代码语言:javascript复制@-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://img.zcool.cn/community/01de64588956ada8012060c8931fdb.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://img.zcool.cn/community/01de64588956ada8012060c8931fdb.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;
}
}