Home 萌百黑幕在 Argon 主题 WordPress 实现
Post
Cancel

萌百黑幕在 Argon 主题 WordPress 实现

引言

这个黑幕很好玩啊,非常好玩啊,可惜首页无法渲染出来,而且Markdown编写渲染也难

使用

编写文章时选择作为HTML编辑,插入以下语句

1
<span class="heimu" title="黑幕弹框里的字">需要隐藏的文字</span>

插入CSS

本是想着实现首页也有黑幕,但实际测试发现首页不会渲染为什么不渲染啊啊啊啊啊啊啊!!!!!!!

进入后台设置,找到页脚设置,输入以下代码,或者在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),文字内容默认使用《知识共享 署名-非商业性使用-相同方式共享 3.0》协议。*/

参考文章

Re:萌娘百科上的黑幕实现 – Vanilla_chan – 博客园

萌百黑幕CSS代码-Hiyoung’blog

This post is licensed under CC BY 4.0 by the author.

记录 OpenWRT 通过深澜网络认证折腾

Linux下载youtube视频