為你的bilibili寫一個可愛的背景

大家好!
在使用bilibili網(wǎng)頁端時,也許你會覺得不夠好看。這篇文章將帶你實(shí)現(xiàn)自定義任意網(wǎng)頁的背景圖片。

首先來看看效果



實(shí)現(xiàn)這個功能需要用到Chrome瀏覽器的stylish擴(kuò)展程序,F(xiàn)irefox瀏覽器也支持此擴(kuò)展程序。
它的安裝鏈接是:https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=zh-CN


安裝好stylish后,如果你覺得up主制作的這個主題過于簡陋,也可以在stylish的商店中按照網(wǎng)址檢索自己喜歡的主題。
如果你喜歡up的主題,可以參照以下步驟:
1. 單擊stylish圖標(biāo),然后點(diǎn)擊縱向排列的三個點(diǎn),選擇新建樣式

2. 點(diǎn)擊”添加其他部分“

3.將以下兩段代碼依次粘貼到兩個代碼塊中
4. 分別將兩個代碼塊下面的“應(yīng)用對象”選項(xiàng)改為“該域上的網(wǎng)址”—“bilibili.com”和“該域上的網(wǎng)址”—“space.bilibili.com”;
????然后在界面的左上角輸入自己喜歡的名稱;
????最后點(diǎn)擊左上角的保存按鈕即可。到這一步就應(yīng)用完成了。

????

在第一個代碼塊的第七行你可以將里面的url鏈接替換成自己喜歡圖片的鏈接,我個人建議添加透明的png圖片;
第二個代碼塊的功能是實(shí)現(xiàn)個人空間頁板塊的半透明和陰影效果,不喜歡可以刪去,不影響使用;
如果你想自己制作一個主題又和up一樣對css語法不太了解的話,可以參考youtube上的這兩篇英文教程:
https://www.youtube.com/watch?v=BJmU2pg4gwI
https://www.youtube.com/watch?v=XdwrFJ6crgw
你可以用同樣的方法自定義自己需要的所有網(wǎng)頁,比如Google和youtube等等



本篇文章到此結(jié)束啦,謝謝你的閱讀。