神代綺凛

[Stylish] 百度萌化样式
百度萌化样式 此早期黑历史已经停止维护 简介 此Stylish样式为百度系列的萌化,优化了部分显示效果,屏蔽了一...
扫描右侧二维码阅读全文
01
2017/09

[Stylish] 百度萌化样式

百度萌化样式

此早期黑历史已经停止维护

简介

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

预览图

主页

baidu2.jpg

搜索结果页面

baidu1.jpg

百度云

baidu3.jpg

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

样式说明

样式目前主要应用范围:

  • 百度搜索
  • 百度网盘

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

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

安装

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

搬瓦工VPS优惠套餐,建站稳如狗,支持支付宝,循环出账94折优惠码BWH3HYATVBJW
年付$47CN2线路,1核/1G内存/20G硬盘/1T@1Gbps【点击购买
季付$47CN2 GIA线路,1核/1G内存/20G硬盘/1T@2.5Gbps【点击购买
Last modification:January 21st, 2020 at 07:48 pm
If you think my article is useful to you, please feel free to appreciate

Comment here is closed

56 comments

  1. XiaoMouz  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 79.0.3945.130(Google Chrome 79.0.3945.130)
    大佬,背景地址该换什么?自己填吗?之前的背景挺好的~
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 79.0.3945.117(Google Chrome 79.0.3945.117)
      @XiaoMouz 这个样式已经不做维护了
  2. 上阙十七  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 63.0.3239.26(Google Chrome 63.0.3239.26)
    怎么样调整搜索页面一个个的搜索结果的底色,太白了,很多暗色的背景不好配。或者能不能可以多增加一些可以调整的选项,这些真的不够用,很喜欢这样的插件,表示一直会用下去的
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 71.0.3578.98(Google Chrome 71.0.3578.98)
      @上阙十七 这个样式已经不会再加入任何新功能和设置了
      如果想做到这些效果,可以考虑自学 CSS,毕竟也有 Stylus 这么方便的插件在,自己改个底色并不是很难的事情
  3. IXSOZN  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 70.0.3538.77(Google Chrome 70.0.3538.77)
    屑百毒有什么必要萌化,查啥啥找不到,查啥啥都是sb广告
    用起来,就像先辈给你萌化一下?
    口区,,,
  4. 木名小威  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的时候百度有另一套超宽屏的布局我没考虑到所以会出现错乱问题

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

      1. Stephanie  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 70.0.3538.102(Google Chrome 70.0.3538.102)
        @神代綺凜 我也是这个问题,,不过尊重大佬的意愿,这么久以来各种方面都非常感谢!
        1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 71.0.3578.98(Google Chrome 71.0.3578.98)
          @Stephanie 感谢支持
          1. Stephanie  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 70.0.3538.102(Google Chrome 70.0.3538.102)
            @神代綺凜 大佬在tg发言有什么限制嘛,刚进去不能说话好像,,
            1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 71.0.3578.98(Google Chrome 71.0.3578.98)
              @Stephanie 目前只有 +86 手机的私聊限制,换用别国手机号例如gv等或者跟spambot申请解除可解
  5. 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 带鱼屏是什么
  6. 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 我只能跟你说我这里没问题
  7. 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 请把问题描述清楚
  8. 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然后填到自定义设置里再更新样式

  9. 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君
  10. 我我我才不是妹控  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,你这个主题美化了百度主页,百度搜索结果页面,和百度云界面三部分吧,我只想应用百度搜索结果页面的那个美化,有没有方法,回复晚了,抱歉啊୧(๑•̀⌄•́๑)૭
  11. 无花无酒  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)
              @无花无酒 请将百度云的皮肤设置为除了前三个默认皮肤之外的皮肤,推荐“月半弯”,色调比较配
  12. 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 屏幕分辨率宽度过低的原因,你可以尝试在设置里缩小左栏宽度
  13. 图安  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)
        @神代綺凜 哈哈 有趣 先把博客一收藏 那我还可以小小期待下改动
  14. 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奥德赛了,就把系统声音给叉掉了,结果没人告诉我
  15. 汪小菲  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的我都没注意到
  16. 汪小菲  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的……你说的不会直接改变指的是样式?但是我这里没有任何问题……