#1 - 2022-2-14 21:52
rabbitohh (学算法竞赛的普通高中生一名 Codeforces&洛谷同名)
地址:
https://github.com/rabbitohh/bangumi-css/releases
https://userstyles.world/style/3225/bangumi(推荐)
最主要的问题是我感觉这破样式对1920*1080以外的屏支持不好,有没有人能试试(bgm38)似乎没问题
还没适配关灯效果

推荐同时用以下代码开启高清封面
// ==UserScript==
// @name         高清封面
// @namespace    ?
// @version      0.1
// @description  try to take over the world!
// @author       rabbitohh
// @match        *://bgm.tv/subject/*
// @grant        none
// @require      https://code.jquery.com/jquery-2.1.4.min.js
// ==/UserScript==
this.$ = this.jQuery = jQuery.noConflict(true);
$(document).ready(function(){
    'use strict';

    $('.cover').attr('src',$(".thickbox.cover").attr("href"));
});


更新日志:
2023/8/24
-光标会让格子弹起来
-背景换成了粉色(可以自己改)
-适配了bangumi的新ui

2022/2/15
-把超展开首页乐园糊在一起的块分开了
-wiki候选人界面的条条框框删掉了(并没完全删掉)
-把过于靠左的标题往右移了一点
-电波提醒界面的两个标题删掉了一个(帮sai大修个bug(并不(bgm38)
-输入区半透明并毛玻璃化
-超展开首页乐园区半透明
-覆盖了之前没注意到的几个页面
-优化了magi界面
-增加了一些注释
-上传了userstyles并给主题起了名字(这也算更新内容吗(bgm38)

2022/2/20
-主要优化了条目页面
-封面放大加了动画(之前的太丑了)
-优化了代码样式(但没完全优化)
-其他小优化

2022/2/26、2022/2/27
-一大堆,请移步github发行版

大图预览:




TODO:
✅把超展开首页的乐园修一修
✅把一些页面(example:https://bgm.tv/anime)漂移的标题修一修
✅把bangumi.tv和chii.in适配一下
✅加几行备注,表明在哪可以改背景之类的
✅封面hover放大
再适配一下darkmode
乐园界面透明化
#2 - 2022-2-14 21:59
(27C, 相倉裕司)
怎样搞(无知在此(bgm38)
#2-1 - 2022-2-14 22:03
rabbitohh
先下个插件https://chrome.google.com/websto ... ahjckkjfobafhncgmne
然后在这个插件里点一下新建样式,然后点导入,把git里那个css的内容复制进去就好了
#2-2 - 2022-2-14 22:16
3X9 C
rabbitohh 说: 先下个插件https://chrome.google.com/websto ... ahjckkjfobafhncgmne
然后在这个插件里点一下新建样式,然后点导入,把git里那个css的内容复制进...
感觉对Dark Mode用户不太友好呢(bgm38)

1920*1080//Chrome//Windows 11
#2-3 - 2022-2-14 22:18
rabbitohh
3X9 C 说: 感觉对Dark Mode用户不太友好呢

1920*1080 Chrome
确实啊,待我再写个夜间版的应该不用改多少东西,等我再看看吧
#3 - 2022-2-14 22:02
(俺,就是二次元!!)
感觉还行
#3-1 - 2022-2-14 22:04
rabbitohh
thanks,果然跟夜间模式不太搭(bgm38)
#4 - 2022-2-14 22:09
(此账号已停用)
2800x1800+Edge成功上车(bgm25)(bgm25) 关了灯适配不太好开灯效果不错~
#4-1 - 2022-2-14 22:11
rabbitohh
谢谢支持,我之前完全忘了有关灯模式这茬了
#5 - 2022-2-14 22:11
我想问问加载速度影响大么,我用过一个B站的脚本,开网页能等5秒
#5-1 - 2022-2-14 22:13
rabbitohh
大丈夫的,就是背景加载会有点慢(等我换个图床就好了),但是加载一次之后就在缓存里了,别的就是改改透明度之类的,完全没负担
#6 - 2022-2-14 22:19
(学算法竞赛的普通高中生一名 Codeforces&洛谷同名)
刚才更新了代码,把首页背景的图床换了,把图片清晰度也压了一点(之前都那张竟然是5000*7000)(bgm38)
#7 - 2022-2-15 11:20
(学算法竞赛的普通高中生一名 Codeforces&洛谷同名)
发行了新版本,顶一下贴(bgm24)
#8 - 2022-2-15 14:23

还可以(bgm35)
#8-1 - 2022-2-15 14:27
rabbitohh
感谢,终于看到一个开灯派了(bgm38)
#9 - 2022-2-15 14:36
(。´-д-)
这是添加了一个毛玻璃背景么?
#9-1 - 2022-2-15 14:39
rabbitohh
是的,这个样式主要就是改了背景,然后把一些元素透明化,还有就是鼠标移动到封面上会放大
#9-2 - 2022-2-15 14:51
Cedar
rabbitohh 说: 是的,这个样式主要就是改了背景,然后把一些元素透明化,还有就是鼠标移动到封面上会放大
背景很可爱~
#9-3 - 2022-2-15 14:54
rabbitohh
Cedar 说: 背景很可爱~
猫耳就是正义!!(bgm24)
#10 - 2022-2-15 15:07
(プリズムの煌きよ!)
有没有可能添加一个更换背景的功能(bgm38)
#10-1 - 2022-2-15 15:11
rabbitohh
把你想用的背景上传到图床后可以手动改
把我给的文件里的两个图片链接替换成你自己的就行了

导入到stylus后,首页背景在代码2的第七行,其他页面的背景在代码3的第九行
#11 - 2022-2-15 16:01
(‮ ‮))))))))))))))))))))))))))))))))‮)
backdrop-filter: blur(5px);

这个做毛玻璃更好看 就是大面积用得话很吃配置
效果可以参考班固米首页顶部的弹出菜单或页面右下角的dock菜单
#11-1 - 2022-2-15 16:29
rabbitohh
谢谢你,我再开发darkmode版的时候会使用的(bgm24)
#12 - 2022-2-15 20:28
(只是一个看动画片儿的...)
或许可以考虑发布到 这里 来? 考虑样式自动更新问题, 以及这样应该能进一步降低使用难度 (
#12-1 - 2022-2-15 20:42
rabbitohh
谢谢提醒,已经发布了,我现在往git和这个帖子上都贴一下
#12-2 - 2022-2-15 20:50
ak1ra
rabbitohh 说: 谢谢提醒,已经发布了,我现在往git和这个帖子上都贴一下
看来我是第一个 Install 的
#12-3 - 2022-2-15 20:59
rabbitohh
ak1ra 说: 看来我是第一个 Install 的
恭喜你,也恭喜我(bgm38)
#13 - 2022-2-15 20:47
话说这背景是那个叫甘城什么的画师画的那个人物吗
#13-1 - 2022-2-15 20:59
rabbitohh
desudesu
#14 - 2022-2-15 22:00
(学算法竞赛的普通高中生一名 Codeforces&洛谷同名)
#15 - 2022-2-15 22:00
(学算法竞赛的普通高中生一名 Codeforces&洛谷同名)
删除了回复
#16 - 2022-2-18 19:16
(永远热爱)
感谢楼主,很好看!
虽然不懂代码,但还是照猫画虎地魔改了一下,从鼠标移动到封面上放大改成默认放大,顺便调高了首页一些部分的opacity值(bgm38)

另外,
这个地方对比度会不会低了点:

感觉有点格格不入:
#16-1 - 2022-2-18 20:35
rabbitohh
这两个地方我也很无语,是因为没法修改背景颜色,只能改透明度来实现半透明,而opacity会导致文字也颜色变浅,你可以自己改一下透明值,你说的第一个对应代码3的第109行,第二个对应代码3的第84行
#16-2 - 2022-2-19 18:51
春雀
rabbitohh 说: 这两个地方我也很无语,是因为没法修改背景颜色,只能改透明度来实现半透明,而opacity会导致文字也颜色变浅,你可以自己改一下透明值,你说的第一个对应代码3的第109行,第二个对应代码3的第84行
(bgm24)感谢,弄好了
#16-3 - 2022-2-20 19:21
rabbitohh
封面放大那个之前确实很丑,现在我修改了一下比之前好看了,可以去试试,按理来说应该替换为高清封面更好些,但我不会写js(bgm38)
#16-4 - 2022-2-20 20:34
春雀
rabbitohh 说: 封面放大那个之前确实很丑,现在我修改了一下比之前好看了,可以去试试,按理来说应该替换为高清封面更好些,但我不会写js
确实好看多了!
#16-5 - 2022-2-26 13:17
rabbitohh
这两个地方都改掉了,谢谢你的提醒,我真是个SB(bgm38)
#16-6 - 2022-2-27 11:44
春雀
rabbitohh 说: 这两个地方都改掉了,谢谢你的提醒,我真是个SB
(bgm38)(bgm38)
#17 - 2022-2-26 16:26
支持!我老喜欢用Stylus了,啥网页都要装点样式用,之前班固米用的班友自用这个,类似的毛玻璃(但我不会微调就没用了(bgm38)
#17-1 - 2022-2-26 18:15
rabbitohh
我也是看到这个,一开始只打算从这个改两行,结果一改改了三百多行(bgm38)
#18 - 2022-6-23 13:42
(Everything has endless fun!)
想问问格子下面那个根据讨论人数的颜色深浅变化怎么实现的(bgm61)
#18-1 - 2022-6-23 13:46
#18-2 - 2022-6-23 20:11
イマジン・ブレーカー
rabbitohh 说: https://bgm.tv/dev/app/18
谢谢!浅抄了下代码,好起来了(bgm70)
#18-3 - 2022-6-23 20:14
rabbitohh
イマジン・ブレーカー 说: 谢谢!浅抄了下代码,好起来了:
这个好棒,抄了(bgm38)
#18-4 - 2022-8-17 15:59
茵陳
<ruby>イマジン・ブレーカー<rt class="katakana-terminator-rt" data-rt="Imagine Breaker"></rt></ruby> 说: 谢谢!浅抄了下代码,好起来了:
这是什么样式,好好看,我想用,谢谢
#19 - 2022-6-23 18:50
(人生如逆旅,我亦是行人。)
那个github热力图一样的东西是怎么做的
#19-1 - 2022-6-23 20:16
rabbitohh
我没懂是哪里,能不能说详细点(bgm38)
#19-2 - 2022-6-23 20:29
萝莉控
马赛克瓷砖?
#19-3 - 2022-6-23 20:31
rabbitohh
夺回风老花欣湉 说: 马赛克瓷砖?
https://greasyfork.org/scripts/4 ... B7%E7%A0%96.user.js
#19-4 - 2022-6-25 16:39
萝莉控
rabbitohh 说: https://greasyfork.org/scripts/4 ... B7%E7%A0%96.user.js
其他班友能看到吗?
#19-5 - 2022-6-25 16:45
rabbitohh
夺回风老花欣湉 说: 其他班友能看到吗?
开了这个脚本的都可以看到
[来自Bangumi for android] 获取
#19-6 - 2022-6-25 16:47
萝莉控
rabbitohh 说: 开了这个脚本的都可以看到
[来自Bangumi for android] 获取
谢谢,看着粉红的一片还蛮有成就感
#20 - 2022-6-23 19:46
(liguohao.cn)
删除了回复
#20-1 - 2022-6-23 20:15
rabbitohh
私信(bgm38)
#21 - 2022-6-25 16:42
(『一言以蔽之,就是「爱」!』)
nice.
#21-1 - 2022-6-25 16:46
rabbitohh
thank you
[来自Bangumi for android] 获取