神代綺凛

[已完结] 哔哩哔哩 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 Cancel reply

519 comments

  1. 伊斯坦不饿  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 64.0.3282.140(Google Chrome 64.0.3282.140)
    1920*1200分辨率下网页全屏右边会出现问题弹幕列表闪现以及右下角发送弹幕按钮消失
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.181(Google Chrome 66.0.3359.181)
      @伊斯坦不饿 你已经更新了最新版样式了吗,这个问题应该在昨天的更新就已经被修复了
      1. 伊斯坦不饿  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 64.0.3282.140(Google Chrome 64.0.3282.140)
        @神代綺凜 刚刚更新过了下侧边没问题了,右下角发送弹幕按钮还是那样有时候会多一行出来发送弹幕按钮在第二行,1080p显示器没问题,1200p还是那样⌇●﹏●⌇浏览器Cent Browser3.2.4.23
        1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.181(Google Chrome 66.0.3359.181)
          @伊斯坦不饿 那这个我可能解决不了……没有1200p的显示器
          1. 伊斯坦不饿  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 64.0.3282.140(Google Chrome 64.0.3282.140)
            @神代綺凜 清理了下浏览器缓存居然好了φ( ̄∇ ̄o)
            1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.181(Google Chrome 66.0.3359.181)
  2. seasmogchan  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3432.0(Google Chrome 68.0.3432.0)
    搜索界面出现番剧的话,会溢出。而且番剧的封面会被一个白色透明图层遮盖
    顺便问一下,样式自定义修改选项后怎么保存?
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.139(Google Chrome 66.0.3359.139)
      @seasmogchan 已经修复
    2. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.139(Google Chrome 66.0.3359.139)
      @seasmogchan 了解了
      在userstyle页面选好自定义选项之后点update style就行了,但是由于userstyle自己的原因,现在没办法记住选项,每次升级样式都要重新选……
  3. 月がきれい  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 64.0.3282.140(Google Chrome 64.0.3282.140)
    我用的Stylus,一直检测不到更新呢。。。
    1. 神代綺凜  Mac OS X(Mac OS X) / Safari(Safari)
      @月がきれい stylish是userstyle官方唯一指定插件(
      1. 月がきれい  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 64.0.3282.140(Google Chrome 64.0.3282.140)
        @神代綺凜 Chrome 版 Stylish 开始收集用户数据
        https://www.solidot.org/story?sid=51017
        1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.181(Google Chrome 66.0.3359.181)
          @月がきれい 我倒是一直关着那个向Stylish开发人员发送匿名数据的……
  4. ushio  Windows 7 x64 Edition(Windows 7 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 66.0.3359.139(Google Chrome 66.0.3359.139)
      @ushio 了解,中午还好好的,b站又改了什么……
      1. ushio  Windows 7 x64 Edition(Windows 7 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 66.0.3359.139(Google Chrome 66.0.3359.139)
          @ushio 修好了,更新即可
          1. ushio  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 62.0.3202.94(Google Chrome 62.0.3202.94)
            @神代綺凜 好了,感谢大佬o(*///▽///*)q
  5. seasmogchan  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3428.0(Google Chrome 68.0.3428.0)
    hello。昨晚今晚背景图片都加载缓慢。不知道是否是图站传输出现了问题。
    浏览器:66.0.3359.170(正式版本) (64 位)
    以及 68.0.3428.0(正式版本)canary (64 位)
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.139(Google Chrome 66.0.3359.139)
      @seasmogchan 更换完了,更新即可
      1. seasmogchan  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3428.0(Google Chrome 68.0.3428.0)
        @神代綺凜 又发现个问题了。视频页播放器下面的“用手机看”鼠标移上去后出来的二维码会被播放器挡住。关闭stylish后不会挡住
        1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.139(Google Chrome 66.0.3359.139)
          @seasmogchan 修复了,我终于还是体会到了自己修的每一个bug都会产生新的bug是什么感觉
          1. seasmogchan  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3428.0(Google Chrome 68.0.3428.0)
            @神代綺凜 不过番剧区似乎没有这个问题
          2. seasmogchan  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3428.0(Google Chrome 68.0.3428.0)
            @神代綺凜 辛苦了!
            1. seasmogchan  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3428.0(Google Chrome 68.0.3428.0)
              @seasmogchan 又发现问题了。网页全屏,视频会被网页banner和导航栏挡住
              1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.139(Google Chrome 66.0.3359.139)
                @seasmogchan 我发现这个问题根源是b站的问题,不开样式的时候也是会挡住……
                这个z-index太迷了,根本不知道是什么机制,和我想象的完全不一样,根本没办法修
                姑且先恢复原来的样子了,挡一点也没事反正
    2. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.139(Google Chrome 66.0.3359.139)
      @seasmogchan 是的,最近国内到cloudcone的网络有点问题,而且我打算换一个资源域名,一会会把资源迁到GithubPage上,完成了我再通知你
  6. ushio  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 62.0.3202.94(Google Chrome 62.0.3202.94)
    老哥,我今天这边萌化没了,怎么解决
    1. ushio  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 62.0.3202.94(Google Chrome 62.0.3202.94)
      @ushio 好吧,重启了下电脑他自己又蹦出来了ヾ(´・ ・`。)ノ"
      1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.139(Google Chrome 66.0.3359.139)
        @ushio 最近准备给萌化资源换个域名(
  7. 纸盒  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3355.4(Google Chrome 66.0.3355.4)
    我尽力了∠( ᐛ 」∠)_
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.162(Google Chrome 65.0.3325.162)
      @纸盒 你加我qq发给我吧
  8. 纸盒  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3355.4(Google Chrome 66.0.3355.4)
    你好,推广那一栏的最后的图片稳定性有问题,经常性的空白,推荐魔改成4个封面在哪一栏中等距分布,如果实现起来太过于困难,有没有神马比较好的解决方案?
    感谢XD
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.162(Google Chrome 65.0.3325.162)
      @纸盒 推广……具体是哪个位置的,可以给一下截图看看吗
  9. 刘凡  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)
      @刘凡 呃,不是默认就是打开的吗
  10. hendeliao  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.117(Google Chrome 66.0.3359.117)
    lolivector已(/被)下架。。。找不到作者了...
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.162(Google Chrome 65.0.3325.162)
      @hendeliao 毕竟是超老的一个扩展……而且很久以前就不再维护了
  11. Annabel  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 53.0.2785.104(Google Chrome 53.0.2785.104)
    大大可以教下怎么设置当前在线页面的应用这个样式吗
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.162(Google Chrome 65.0.3325.162)
      @Annabel 文章中有给出stylish插件使用教程
  12. a1025  Windows 10 x64 Edition(Windows 10 x64 Edition) / Firefox 59.0(Firefox 59.0)
    进度条的样式没了
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.162(Google Chrome 65.0.3325.162)
      @a1025 注意事项:
      1、为了能看到播放器相关萌化及功能,建议使用HTML5播放器
      1. a1025  Windows 10 x64 Edition(Windows 10 x64 Edition) / Firefox 59.0(Firefox 59.0)
        @神代綺凜 才发现用着的是flash播放器
        以前一直都是用html5的,突然就给我换了
        1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.162(Google Chrome 65.0.3325.162)
          @a1025 23333
          1. a1025  Windows 10 x64 Edition(Windows 10 x64 Edition) / Firefox 59.0(Firefox 59.0)
            @神代綺凜 能把handsome的样式改的这么好看
            真的不容易呢
            1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.162(Google Chrome 65.0.3325.162)
              @a1025 毕竟是魔改症末期患者
              1. a1025  Windows 10 x64 Edition(Windows 10 x64 Edition) / Firefox 59.0(Firefox 59.0)
                @神代綺凜 大佬就是大佬,够强
                我也在写blog,弄好以后交换友链怎么样[明示
                1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.162(Google Chrome 65.0.3325.162)
                  @a1025 厚啊,内容只要不过于水的博客都欢迎
                  1. a1025  Windows 10 x64 Edition(Windows 10 x64 Edition) / Firefox 59.0(Firefox 59.0)
                    @神代綺凜 从底层开始写,累人啊
                    全部完成估计还得要几个月
  13. shulingege  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 59.0.3071.115(Google Chrome 59.0.3071.115)
    大佬。作为一个萌新只有支持了,学习了,
  14. 老杨  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 55.0.2883.87(Google Chrome 55.0.2883.87)
    自定义背景怎么弄啊,想换一个背景
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.162(Google Chrome 65.0.3325.162)
      @老杨 在样式页面有个“Customize Settings”
  15. Killua  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.181(Google Chrome 65.0.3325.181)
    大佬大佬!
  16. hugbio  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.146(Google Chrome 65.0.3325.146)
    你网站输入框输入文字的特效很好看。不知道有没有办法弄个脚本实现全局所有网页输入框的特效?
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.162(Google Chrome 65.0.3325.162)
      @hugbio 自己写个油猴脚本是可以,让每个网页在加载的时候都插入这个js
      1. hugbio  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.146(Google Chrome 65.0.3325.146)
        @神代綺凜 不会写这个js代码。您能否提供一下吗?
        1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.162(Google Chrome 65.0.3325.162)
          @hugbio 我没有这个需求所以自己也不会去写
          1. hugbio  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.146(Google Chrome 65.0.3325.146)
            @神代綺凜 不过你的网站有这个特效啊。好喜欢。如果能弄出来。我估计很多人很会喜欢。。。
            1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.162(Google Chrome 65.0.3325.162)
              @hugbio 可能吧
              但是我自己都不需要用的东西我是不会去花时间去做的,就这样
  17. hugbio  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.146(Google Chrome 65.0.3325.146)
    请问你视频中鼠标的样式和点击特效是什么弄的?
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.162(Google Chrome 65.0.3325.162)
      @hugbio 鼠标样式是很久以前从一个第三方Windows主题上拿下来的
      点击特效是Bandicam自带的功能
      1. hugbio  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.146(Google Chrome 65.0.3325.146)
        @神代綺凜 原来如此。那就真没办法了
  18. Void  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.181(Google Chrome 65.0.3325.181)
    可还行.....
  19. seasmogchan  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.181(Google Chrome 65.0.3325.181)
    番剧播放页面 硬币 追番下面白色溢出。不清楚是否 B站更新了什么的原因?
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.162(Google Chrome 65.0.3325.162)
      @seasmogchan 修复了,更新即可
  20. Archeb  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.181(Google Chrome 65.0.3325.181)
    poi