神代綺凛

[已完结] 哔哩哔哩 Nekopara B站网页萌化主题
終わりました。
扫描右侧二维码阅读全文
02
2017/09

[已完结] 哔哩哔哩 Nekopara B站网页萌化主题

終わりました。

Bilibili萌化 ネコパラ

这个样式原本是我开始学 CSS 的时候 xjb 写的一个东西,其实仅仅是为了熟悉各种属性的运用以及积累一些实际经验

N年过去了,回头再看,样式本身其实十分臃肿,另外,B站样式频繁的改版是必然的,并且也使得成为了社畜的我很难维护并维持当时的自己写出来的大杂烩的样子

而且新版B站的 UI 设计很好,我挑不出什么刺来,我觉得我原来大多数 xjb 改的地方都是多余的

所以我决定重新开始做一些微小的工作,仅仅为了 nekopara 而做一个很简单的附加式的皮肤,只保留我之前做的一些 UI 图片资源,剩下的,原来是什么样的,就还是什么样的

附加功能

  • 去页面推广、广告
  • 隐藏了旧版视频播放器顶部消息栏
  • 对导航栏应用了一些人性化调整
  • 在旧版视频播放界面播放器全屏网页全屏状态下,将鼠标放在右侧边缘可呼出播放器右侧面板

安装

由于 userstyles.org 改版,我号登不上了,因此没法在该站继续发布样式更新,现已转至 userstyles.world,请老用户重新安装样式

使用前还需要先安装 Stylus 插件

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

Leave a Comment

519 comments

  1. 苏白  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 114.0.0.0(Google Chrome 114.0.0.0)
    大佬,还在更新这个美化主题嘛?handsome新版应用不上了∠( ᐛ 」∠)_
    1. 神代綺凛  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 120.0.0.0(Google Chrome 120.0.0.0)
      @苏白 早不折腾了,我现在用的还是 5.0
  2. 1235789gzy1  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 109.0.0.0(Google Chrome 109.0.0.0)
    大佬,我尝试修改代码来使用我的自定义背景的时候,发现注释掉z-index: -100;会导致搜索页面的热度排序被背景盖掉了,改成-1又不会显示我的自定义背景了
  3. 伊莉雅  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 109.0.0.0(Google Chrome 109.0.0.0)
    怎么更改萌化主题的图片背景,我找不到,麻烦你了
    1. 神代綺凛  Mac OS X 10.15.7(Mac OS X 10.15.7) / Google Chrome 109.0.0.0(Google Chrome 109.0.0.0)
      @伊莉雅 没有直接的自定义设置,只能自己改代码
  4. 无名博客  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 107.0.0.0(Google Chrome 107.0.0.0)
    这个好看awa
  5. 最後の祈りを  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 100.0.4896.60(Google Chrome 100.0.4896.60)
    博主还在维护嘛Σ(っ °Д °;)っ,动态页面背景挂掉惹,貌似B站新加了一层background就把原先的覆盖掉了,用F12把页面拉伸到1000x500就能看到下面被挡住的Neco
    1. 神代綺凛  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 99.0.4844.84(Google Chrome 99.0.4844.84)
      @最後の祈りを 修复了,更新下
      1. Nanami  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 101.0.4951.54(Google Chrome 101.0.4951.54)
        @神代綺凛
        是不是有更新了B站,又有一层挡住了
        1. 神代綺凛  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 101.0.4951.67(Google Chrome 101.0.4951.67)
          @Nanami 已修
  6.   Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 96.0.4664.45(Google Chrome 96.0.4664.45)
    B站似乎是改动了界面,今天样式用不了了。
    1. 神代綺凛  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 96.0.4664.93(Google Chrome 96.0.4664.93)
      @宁 编辑样式,把第二个代码块里开头就能看到的 z-index: -100; 删了就行

      userstyle 改了登录方式,我上不去我号了没法发布更新……正在找客服

      1.   Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 96.0.4664.93(Google Chrome 96.0.4664.93)
        @神代綺凛 改了以后 首页的猫猫头直接覆盖在视频上方,挡住了
        1. 神代綺凛  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 96.0.4664.93(Google Chrome 96.0.4664.93)
          @苏 确实,我完整修复了下,请重新安装下
          1.   Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 96.0.4664.93(Google Chrome 96.0.4664.93)
            @神代綺凛 谢谢綺凛大佬|´・ω・)ノ
      2.   Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 96.0.4664.93(Google Chrome 96.0.4664.93)
        @神代綺凛 改好了,蟹蟹麒麟佬 OωO
    2.   Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 96.0.4664.45(Google Chrome 96.0.4664.45)
      @宁 话说这里显示的系统和浏览器,貌似没有win11?
      1. 神代綺凛  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 96.0.4664.93(Google Chrome 96.0.4664.93)
        @宁 没有
  7. 春哥  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 92.0.4515.159(Google Chrome 92.0.4515.159)
    来看看大神
    我哎大神
  8. 妖颜祸众  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 87.0.4280.88(Google Chrome 87.0.4280.88)
    有些功能似乎没了?
  9. 芭比  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 78.0.3904.108(Google Chrome 78.0.3904.108)
    萌骚骚的
  10. 嘤嘤嘤  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 78.0.3904.108(Google Chrome 78.0.3904.108)
    大佬:我就 瞎写了个网站
    萌新:我就瞎 写了个网站
  11. 无聊波波  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 78.0.3904.108(Google Chrome 78.0.3904.108)
    好像不知道什么时候个人空间的背景无效了呢
  12. 胡不过  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 83.0.4103.116(Google Chrome 83.0.4103.116)
    奇怪的知识突然增加了。我突然想了解下国内站长中二次元粉比例如何。|´・ω・)ノ
  13. vegetable  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 81.0.4044.129(Google Chrome 81.0.4044.129)
    为什么我无法访问userstyles.org。。。
    1. 我来了  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 83.0.4103.116(Google Chrome 83.0.4103.116)
      @vegetable 如果已经挂了代理还是打不开,就把这个域名加到代理的白名单当中再刷新页面就可以了!
    2. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 81.0.4044.113(Google Chrome 81.0.4044.113)
      @vegetable 自行挂代理
      1. vegetable  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 81.0.4044.129(Google Chrome 81.0.4044.129)
        @神代綺凜 手机端可以
      2. vegetable  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 81.0.4044.129(Google Chrome 81.0.4044.129)
        @神代綺凜 挂了,木有用
  14. seasmogchan  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 80.0.3987.163(Google Chrome 80.0.3987.163)
    前天B站网页端首页换为宽屏之后,广告位置不能显示为猫娘的图了。难道是我用的uBlock不够强力吗?
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 80.0.3987.163(Google Chrome 80.0.3987.163)
      @seasmogchan B站前端改了某些元素的类名,已经修复
      1. blank  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 81.0.4044.92(Google Chrome 81.0.4044.92)
        @神代綺凜 嘴上说着完结,身体却还....
      2. seasmogchan  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 81.0.4044.92(Google Chrome 81.0.4044.92)
        @神代綺凜 谢谢啦!ヾ(≧∇≦*)ゝ
  15. tpollot  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 80.0.3987.149(Google Chrome 80.0.3987.149)
    该评论仅登录用户及评论双方可见
    1. 神代綺凜  Mac OS X 10.15.3(Mac OS X 10.15.3) / Google Chrome 80.0.3987.149(Google Chrome 80.0.3987.149)
      @tpollot
      该评论仅登录用户及评论双方可见
      1. tpollot  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 80.0.3987.149(Google Chrome 80.0.3987.149)
        @神代綺凜 好吧我自己改吧⌇●﹏●⌇
  16. mori  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 80.0.3987.149(Google Chrome 80.0.3987.149)
    现在动态界面好像强行显示原版了欸,试了几个美化都不行
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 80.0.3987.149(Google Chrome 80.0.3987.149)
      @mori 已修复,更新即可
  17. NIce  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 71.0.3578.98(Google Chrome 71.0.3578.98)
    你好,博主,请问你文章页面的字体用的是什么啊,好Q弹啊 我也想食用。。
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 80.0.3987.132(Google Chrome 80.0.3987.132)
      @NIce font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  18. Macyrate  Android 10(Android 10) / Google Chrome 77.0.3865.116(Google Chrome 77.0.3865.116)
    原来是你写的...
    几年前很是用过一段时间
    xjb写就能达到这个效果,太强了
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 80.0.3987.132(Google Chrome 80.0.3987.132)
      @Macyrate 当时就是各种 CSS3 特效往上套,圆角、阴影、动画,算是 xjb 写了
  19. seasmogchan  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 79.0.3945.88(Google Chrome 79.0.3945.88)
    B站稍后再看页面也变成新播放器了。那个全屏在右边有个跳出列表的功能失效了。还打算修复吗?
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 79.0.3945.130(Google Chrome 79.0.3945.130)
      @seasmogchan 新版播放器已经不需要那个了,原本的意图是在全屏下也可以调整设置,新版播放器的设置全部都在控制条上,全屏也可以调
  20. 某二次元的波波  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 63.0.3239.132(Google Chrome 63.0.3239.132)
    最近B站推出了付费课程,然后我今天闲着没事就点到了我的课程页面,发现了BUG,如图所示
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 78.0.3904.108(Google Chrome 78.0.3904.108)
      1. 某二次元的波波  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 63.0.3239.132(Google Chrome 63.0.3239.132)
        @神代綺凜 o( ̄▽ ̄)d
    2. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 78.0.3904.108(Google Chrome 78.0.3904.108)
      @某二次元的波波 这个页面的地址可以不可以给一下(
      1. 某二次元的波波  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 63.0.3239.132(Google Chrome 63.0.3239.132)
        @神代綺凜 首页头像那里有
      2. 某二次元的波波  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 63.0.3239.132(Google Chrome 63.0.3239.132)
        1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 78.0.3904.108(Google Chrome 78.0.3904.108)
          @某二次元的波波 ok(打完游戏就修