神代綺凜

[Stylish] 百度萌化样式
百度萌化样式 此早期黑历史已经停止开发,仅根据自己的需要做最低限度上的维护 简介 此Stylish样式为百度系列...
扫描右侧二维码阅读全文
01
2017/09

[Stylish] 百度萌化样式

百度萌化样式

此早期黑历史已经停止开发,仅根据自己的需要做最低限度上的维护

简介

此Stylish样式为百度系列的萌化,优化了部分显示效果,屏蔽了一些无用元素及广告推广。
背景图片可以自行设置。

预览图

主页

baidu2.jpg

搜索结果页面

baidu1.jpg

百度云

baidu3.jpg

示例所用背景图片:
pixiv: 岛风 by みゅとん
Zinsser: 艾拉 by zinsser

样式说明

样式目前主要应用范围:

  • 百度搜索
  • 百度网盘

请将百度云的皮肤设置为除了前三个默认皮肤之外的皮肤,推荐“月半弯”,色调比较配

如果发现了什么问题或者bug,都可以在这里反馈,这样我就能第一时间收到

安装

不知道怎么使用stylish萌化请看:

搬瓦工VPS优惠套餐又又又补货啦,建站稳如狗,支持支付宝,循环出账94折优惠码BWH26FXH3HIQ
①年付仅需$18电信联通直连的亚洲优化线路,1核/512M内存/10G硬盘/1000GB@1Gbps【点击购买
②年付$18的可换成CN2线路(流量会变为180G),1核/512M内存/10G硬盘/500GB@1Gbps【点击购买
③年付$28的电信CN2联通直连线路,1核/512M内存/10G硬盘/500GB@1Gbps【点击购买】(购买后请到后台切DC8机房以获得最佳体验)

我的文章对您有帮助吗?
我很可爱 请给我钱
扫一扫拿红包 → 扫商家收款码 → 转账与红包相等的金额
即可免费赞赏,又可拿支付宝奖励金!
现在支付宝超抠门的,红包只给一两分钱了
Last modification:September 8th, 2018 at 12:02 am
If you think my article is useful to you, please feel free to appreciate

Leave a Comment

47 comments

  1. 木名小威  Windows 10 x64 Edition(Windows 10 x64 Edition) / Opera 55.0.2994.44(Opera 55.0.2994.44)

    窗口最大化后会导致搜索结果偏左有一半会挤出窗口(如下图)|´・ω・)ノhttps://miao.su/images/2018/09/07/ae4e39c18b7e4de370de5373e6917735.png

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 69.0.3497.81(Google Chrome 69.0.3497.81)
      @木名小威

      这个好像是宽度大于1080p的时候百度有另一套超宽屏的布局我没考虑到所以会出现错乱问题

      但是这个项目我已经不打算继续维护了,精力有限,抱歉了

  2. xiongshu  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 67.0.3396.99(Google Chrome 67.0.3396.99)

    作者大大,我是带鱼屏搜索结果窗口在屏幕外边怎么办啊OωO

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3440.75(Google Chrome 68.0.3440.75)
      @xiongshu

      带鱼屏是什么

  3. Stephanie  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3440.84(Google Chrome 68.0.3440.84)

    大佬,昨天用着还好好地,今早起来突然萌化和bili的插件一起失效了,重新装也装不上,用的google浏览器

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3440.75(Google Chrome 68.0.3440.75)
      @Stephanie

      我只能跟你说我这里没问题

  4. 1  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 67.0.3396.99(Google Chrome 67.0.3396.99)

    为什么我的是黑色!!!!!

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 67.0.3396.99(Google Chrome 67.0.3396.99)
      @1

      请把问题描述清楚

  5. yangke  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 58.0.3029.61(Google Chrome 58.0.3029.61)

    在我这里,百度网盘不行啊,我的网盘上的图片显示得很大。因为很大,所以“全部文件”、“图片”等左侧的字体都被背景遮盖了,看不清楚。其他问题暂时没发现,

    1. yangke  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 58.0.3029.61(Google Chrome 58.0.3029.61)
      @yangke

      对了,如何自定义图片啊,在网站上改了后不知道如何应用。

      1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.181(Google Chrome 66.0.3359.181)
        @yangke

        对于第一个问题,麻烦看一下文章里加粗放大的字

        自定义图片你需要用一个图床上传图片,得到在线URL然后填到自定义设置里再更新样式

  6. key君  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.139(Google Chrome 66.0.3359.139)

    大佬。每次搜索主题样式就不见了,css加载不出来。必须ctrl+f5
    这个问题怎么解决啊。

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.139(Google Chrome 66.0.3359.139)
      @key君

      我这没有这种问题欸……

      1. key君  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.139(Google Chrome 66.0.3359.139)
        @神代綺凜

        搞定了。stylish换了新版就没问题了。Hhhhhh

        1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.139(Google Chrome 66.0.3359.139)
          @key君

  7. 我我我才不是妹控  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.181(Google Chrome 65.0.3325.181)

    能不能把这个主题的百度搜索结果页面单独做出来,这个页面贼好看,不用美化百度主页那个页面的那种

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.162(Google Chrome 65.0.3325.162)
      @我我我才不是妹控

      呃,不是很明白你的意思

      1. 我我我才不是妹控  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.181(Google Chrome 65.0.3325.181)
        @神代綺凜

        emmm,你这个主题美化了百度主页,百度搜索结果页面,和百度云界面三部分吧,我只想应用百度搜索结果页面的那个美化,有没有方法,回复晚了,抱歉啊୧(๑•̀⌄•́๑)૭

  8. 无花无酒  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 64.0.3282.140(Google Chrome 64.0.3282.140)

    百度云顶部还是原来的样子

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Microsoft Edge 16.16299(Microsoft Edge 16.16299)
      @无花无酒

      呃,能说一下具体意思吗

      1. 无花无酒  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 64.0.3282.140(Google Chrome 64.0.3282.140)
        @神代綺凜

        就是百度网盘logo、头像那栏是白色的,图片没有覆盖

        1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Microsoft Edge 16.16299(Microsoft Edge 16.16299)
          @无花无酒

          请看样式说明百度网盘那一条

          1. 无花无酒  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 64.0.3282.140(Google Chrome 64.0.3282.140)
            @神代綺凜

            没明白,第一次用,我也不懂css (ó﹏ò。)

            1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Microsoft Edge 16.16299(Microsoft Edge 16.16299)
              @无花无酒

              请将百度云的皮肤设置为除了前三个默认皮肤之外的皮肤,推荐“月半弯”,色调比较配

  9. nix  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 64.0.3282.186(Google Chrome 64.0.3282.186)

    百度网盘有些页面会出现错位,有些地方似乎有些问题,不知道为什么

    1. nix  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 64.0.3282.186(Google Chrome 64.0.3282.186)
      @nix

      我除了背景图,其他都没有改动过

      1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 64.0.3282.140(Google Chrome 64.0.3282.140)
        @nix

        屏幕分辨率宽度过低的原因,你可以尝试在设置里缩小左栏宽度

  10. 图安  Windows 7 x64 Edition(Windows 7 x64 Edition) / Firefox 58.0(Firefox 58.0)

    emmmm 大佬 能否去掉结果页面右边的那些东西...其实最右边的关联推荐我觉得有点破坏美感

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 63.0.3239.132(Google Chrome 63.0.3239.132)
      @图安

      (/ω\)其实这个项目我都不打算再做新功能了(懒
      如果什么时候有心情的话考虑下
      这几天手游肝飞天

      1. 图安  Windows 7 x64 Edition(Windows 7 x64 Edition) / Firefox 58.0(Firefox 58.0)
        @神代綺凜

        对了...大佬 能否再加个搜索结果页居中的选项呢...或者请教下怎么让其居中...抄别人的代码只能到这里了....这个是https://userstyles.org/styles/123858/baidu-lite这个里的最后一段..其他的都不会了orz,请大佬帮忙

        #content_left {
            width: 640px;
            margin: 0 auto;
            padding-left: 35px;
            padding-top: 5px;
            float: none;
        }
        .c-container {
            width: 548px;
        }
        .hint_common_restop {
            font-size: x-large;
            padding-bottom: 10px;
            margin: 0 auto;
            width: 599px;
        }
        1. 图安  Windows 7 x64 Edition(Windows 7 x64 Edition) / Firefox 58.0(Firefox 58.0)
          @图安

          这个是在您的萌化上面进行的....

          1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 63.0.3239.132(Google Chrome 63.0.3239.132)
            @图安

            emmmm也不是直接把别人的拿过来就用的
            唉css这玩意说简单也简单说难也难,如果有一点编程基础的话想自学实际上很好学,看看w3cschool,拿stylish实操一下能很快理解,但是很多东西都是靠经验的,就不好教
            还有就是调试样式多利用F12

            首先先F12看看,发现搜索结果div是#content_left,那么想居中最简单的方法就是改掉左外边距

            #content_left{
                margin-left: calc(50% - 570px / 2);
            }

            至于这些语句到底是什么意思,为什么这么写就居中了,感兴趣可以自己查w3cschool
            不过如果直接这样简单粗暴的改还是会有其他的问题,比如宽度过窄的时候会和最右侧的面板冲突,那具体要怎么做我也不继续详讲了,你可以自己尝试解决一下(更简单粗暴的方法是直接不让右侧面板显示了

            1. 图安  Windows 7 x64 Edition(Windows 7 x64 Edition) / Firefox 58.0(Firefox 58.0)
              @神代綺凜

              嗯...好的...我去看看 期待大佬的回归

      2. 图安  Windows 7 x64 Edition(Windows 7 x64 Edition) / Firefox 58.0(Firefox 58.0)
        @神代綺凜

        哈哈 有趣 先把博客一收藏 那我还可以小小期待下改动

  11. nix  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 63.0.3239.132(Google Chrome 63.0.3239.132)

    度娘的图床也挂了

    1. 神代綺凜  Mac OS X(Mac OS X) / Safari(Safari)
      @nix

      对哦。。我都忘了,吃完饭弄

      1. nix  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 63.0.3239.132(Google Chrome 63.0.3239.132)
        @神代綺凜

        对了,刚刚去b站看了一下,你音游直播怎么没声音?

        1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 63.0.3239.132(Google Chrome 63.0.3239.132)
          @nix

          好了,百度的应该行了

        2. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 63.0.3239.132(Google Chrome 63.0.3239.132)
          @nix

          那是因为我obs之前拿去录朋友的switch奥德赛了,就把系统声音给叉掉了,结果没人告诉我

  12. 汪小菲  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 62.0.3202.94(Google Chrome 62.0.3202.94)

    我是8.1.3版本的infinity,应该是最新版,在大哥你那些代码后面加个这个就可以屏蔽侧边推广了

    iframe,
    .res_top_banner,
    #foot,
    #u>a .c-icon,
    #imsg,
    #page .fk,
    #head .headBlock,
    #ent_sug,
    #rs_top_new,
    #content_right,
    #content_left>table,
    #content_left>div[id*="30"],
    #content_left .c-recommend,
    #content_left .leftBlock,
    #content_left .hit_top_new,
    #content_left .rrecom-btn-parent,
    #content_right,
    #demo {
        display: none!important;
    }
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 62.0.3202.89(Google Chrome 62.0.3202.89)
      @汪小菲

      侧边也并不是都是无用信息,这段代码把有用的也给屏蔽完了……等期末过了我会针对侧边栏改进一下显示方式,加些更加自定义的选项之类的

      1. 汪小菲  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 62.0.3202.94(Google Chrome 62.0.3202.94)
        @神代綺凜

        老版的infinity不会出现那个问题但是新版会的,我刚刚试了一下

        1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 62.0.3202.89(Google Chrome 62.0.3202.89)
          @汪小菲

          确实是,已经修复了,更新即可
          原来还出了个infinity pro的我都没注意到

  13. 汪小菲  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 62.0.3202.94(Google Chrome 62.0.3202.94)

    大哥把百度的推广去了吧

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 62.0.3202.89(Google Chrome 62.0.3202.89)
      @汪小菲

      印象中以前曾经研究过,百度推广结果在css中难以定位,因为是随机的class和id,并且并不是每个搜索页都会有推广,所以没有什么好的办法去除。建议直接用油猴脚本,去百度推广的有一堆

      1. 汪小菲  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 62.0.3202.94(Google Chrome 62.0.3202.94)
        @神代綺凜

        还有就是我用的是infinity这个标签页插件,在这个上面直接百度出来的页面不会直接改变

        1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 62.0.3202.89(Google Chrome 62.0.3202.89)
          @汪小菲

          我也是用infinity的……你说的不会直接改变指的是样式?但是我这里没有任何问题……