神代綺凜

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

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

終わりました。

Bilibili萌化 ネコパラ

最后更新时间:2019-09-08

过去和未来

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

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

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

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

附加功能

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

安装

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

并在 Stylus 插件设置中开启“通过 HTML[stylus-iframe] 方式改变 iframes 的 css”,可解决本样式造成的部分 iframe 背景问题

插件设置可通过 右击 Stylus 插件图标 - 选项 来进入

搬瓦工VPS优惠套餐,建站稳如狗,支持支付宝,循环出账94折优惠码BWH26FXH3HIQ
年付$28CN2线路,1核/512M内存/10G硬盘/[email protected]点击购买】(经常售罄,请抓紧机会)
年付$47CN2线路,1核/1G内存/20G硬盘/[email protected]点击购买
Last modification:September 8th, 2019 at 06:13 pm
If you think my article is useful to you, please feel free to appreciate

Leave a Comment

457 comments

  1. smogchan  Windows 7(Windows 7) / Google Chrome 61.0.3163.100(Google Chrome 61.0.3163.100)

    9月28号 B站视频页 小黑屋的图标被挤下来

    1. kilin  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 55.0.2883.87(Google Chrome 55.0.2883.87)
      @smogchan

      I see. 我去修复一下

      1. smogchan  Windows 7(Windows 7) / Google Chrome 61.0.3163.100(Google Chrome 61.0.3163.100)
        @kilin

        回复的好快!很喜欢你制作的这个样式,赞!φ( ̄∇ ̄o)

        1. kilin  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 55.0.2883.87(Google Chrome 55.0.2883.87)
          @smogchan

          已更新

        2. kilin  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 55.0.2883.87(Google Chrome 55.0.2883.87)
          @smogchan

          谢谢w,因为是Nekopara真爱粉୧(๑•̀⌄•́๑)૭

          1. smogchan  Windows 7(Windows 7) / Google Chrome 61.0.3163.100(Google Chrome 61.0.3163.100)
            @kilin

            视频播放页小黑屋还是挤下来了!
            系统 win7 32 浏览器 chrome 61.0.3163.100(正式版本) (32 位)

            1. kilin  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 55.0.2883.87(Google Chrome 55.0.2883.87)
              @smogchan

              修复了

            2. kilin  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 55.0.2883.87(Google Chrome 55.0.2883.87)
              @smogchan

              好像确实是这样,今天凌晨明明修复了。。。(B站到底干了什么

              1. smogchan  Windows 7(Windows 7) / Google Chrome 61.0.3163.100(Google Chrome 61.0.3163.100)
                @kilin

                我这里“广场”“直播”“小黑屋”3个都挤下来了。不知道是不是我的电脑问题

              2. smogchan  Windows 7(Windows 7) / Google Chrome 61.0.3163.100(Google Chrome 61.0.3163.100)
                @kilin

                我这里“广场”“直播”“小黑屋”3个都挤下来了。不知道是不是我的电脑问题,你那里正常显示?

                1. kilin  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 55.0.2883.87(Google Chrome 55.0.2883.87)
                  @smogchan

                  这下应该是修复了。。不好意思刚才改完就光想着写作业了忘记检查低分辨率的时候的情况了(:3」∠)

                  1. smogchan  Windows 7(Windows 7) / Google Chrome 61.0.3163.100(Google Chrome 61.0.3163.100)
                    @kilin

                    修复了!你道歉什么呀,我应该感谢你才对!ヾ(≧∇≦*)ゝ

                    1. kilin  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 55.0.2883.87(Google Chrome 55.0.2883.87)
                      @smogchan

                      23333反正还是要感谢你及时发现问题

  2. TT  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 61.0.3141.7(Google Chrome 61.0.3141.7)

    ⌇●﹏●⌇这么咔咔,博主哪的?

    1. kilin  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 55.0.2883.87(Google Chrome 55.0.2883.87)
      @TT

      哪的指的是。。?