为你的bilibili写一个可爱的背景

大家好!
在使用bilibili网页端时,也许你会觉得不够好看。这篇文章将带你实现自定义任意网页的背景图片。

首先来看看效果



实现这个功能需要用到Chrome浏览器的stylish扩展程序,Firefox浏览器也支持此扩展程序。
它的安装链接是:https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=zh-CN


安装好stylish后,如果你觉得up主制作的这个主题过于简陋,也可以在stylish的商店中按照网址检索自己喜欢的主题。
如果你喜欢up的主题,可以参照以下步骤:
1. 单击stylish图标,然后点击纵向排列的三个点,选择新建样式

2. 点击”添加其他部分“

3.将以下两段代码依次粘贴到两个代码块中
4. 分别将两个代码块下面的“应用对象”选项改为“该域上的网址”—“bilibili.com”和“该域上的网址”—“space.bilibili.com”;
然后在界面的左上角输入自己喜欢的名称;
最后点击左上角的保存按钮即可。到这一步就应用完成了。


在第一个代码块的第七行你可以将里面的url链接替换成自己喜欢图片的链接,我个人建议添加透明的png图片;
第二个代码块的功能是实现个人空间页板块的半透明和阴影效果,不喜欢可以删去,不影响使用;
如果你想自己制作一个主题又和up一样对css语法不太了解的话,可以参考youtube上的这两篇英文教程:
https://www.youtube.com/watch?v=BJmU2pg4gwI
https://www.youtube.com/watch?v=XdwrFJ6crgw
你可以用同样的方法自定义自己需要的所有网页,比如Google和youtube等等



本篇文章到此结束啦,谢谢你的阅读。