📢 本文由 Gemini-3-flash 翻譯
引言
這個黑幕很好玩啊,非常好玩啊,可惜首頁無法渲染出來,而且 Markdown 編寫渲染也難
使用方式
撰寫文章時選擇作為 HTML 編輯,插入以下語句
1
| <span class="heimu" title="黑幕彈框裡的字">需要隱藏的文字</span>
|
插入 CSS
本來是想著實作首頁也有黑幕,但實際測試發現首頁不會渲染 (為什麼不渲染啊啊啊啊啊啊啊!!!!!!!試著想像 Warma 的聲音)
進入後台設定,找到頁尾設定,輸入以下程式碼,或者在 WP 的自訂 CSS 處插入,不過需要去掉標籤
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| <style>
.heimu, .heimu a, a .heimu, .heimu a.new
{
background-color: #252525;
color: #252525;
text-shadow: none;
}
.heimu:hover, .heimu:active,
.heimu:hover .heimu, .heimu:active .heimu
{
color: white !important;
}
.heimu:hover a, a:hover .heimu,
.heimu:active a, a:active .heimu
{
color: lightblue !important;
}
.heimu:hover .new, .heimu .new:hover, .new:hover .heimu,
.heimu:active .new, .heimu .new:active, .new:active .heimu
{
color: #BA0000 !important;
}
</style>
|
註:因 Argon 不會渲染註釋,所以我並不把以下內容放入程式碼中:
/*閱讀更多:https://zh.moegirl.org/MediaWiki:Mobile.css 本文引自萌娘百科(https://zh.moegirl.org),文字內容預設使用《創用 CC 姓名標示-非商業性-相同方式分享 3.0》協議。*/
參考文章
Re:萌娘百科上的黑幕實現 – Vanilla_chan – 博客園
萌百黑幕CSS代码-Hiyoung’blog