如何在B站直播簡介區放圖片

on Posted in 我的日常.

昨晚在B站跟主播聊天打P時被兩個房間的小電視投餵大比拼吸引到了某個房間,等待抽獎的時候往下翻頁就看見了一個類似好多年前的非主流空間的圖片,居然是圖片版的直播簡介,樣式雖然挫,但比一般的純文字醒目多了,所以就翻了下源代碼,

見到了這個 http://pic.gudumumu.top/ ,然後又跳轉到 http://www.blibili.top 

這裡不特別介紹用代碼切板的方法,上面那倆網址很詳細,我只介紹單純一張圖搞定的方法。
圖片似乎只能放在背景,寬度1193px,高度300px,請在左下角預留寬度100px高度30px的空白區域,參考我主頁的範本,我在那裡放了乾杯的顏文字,是為了撐開背景圖片的層標籤,內容可以隨便更換,但一定要有字才行。效果如下圖:

1、UP主進入直播間后,點擊“信息修改”,然後在編輯器的左上角選擇"</>"標記,進入代碼編輯器;
2、編輯區全選后清空,貼上要放置的代碼;
3、保存退出;
4、如果要修改任何內容,只能重複以上3個步驟,不要指望可以微調,因為當點擊“信息修改”按鈕后你會看到亂七八糟的文字,根本無從改起啊。

經過測試當圖片高度超過300px時會出現縱向的滾動條,且高度會被縮減到只剩100px左右,另外貌似放在圖床的圖片寬高信息可以被讀取,但是圖片加載不出來,SO....有需要的人可以私信我,我借空間給你存圖片。以下是代碼,不知道發佈之後還能不能複製來用:


<div style="width:1193px;height:300px;position:absolute;left:-20px;top:-60px;overflow:hidden;background: url(/這裡請放置圖片的超鏈接,支持JPG、GIF和PNG) no-repeat;background-size:100%;"><div style="width:298px;height:300px;font-size: 21px;padding-top: 54px;"></div><div style="width:298px;height:300px;font-size: 21px;padding-top: 54px;">23333</div><span style="position:absolute;bottom:0px;left:0px;font-size:15px;background: rgba(120, 56, 100, 0.32);border-radius:0px 3px 0px 0px;z-index:10;">這裡是撐版面的文字</span></div><p style="width:1px;height:220px;">.</p></div><p></div>


 

Tags: B站黑科技 UP主 Live Bilibili