模板:Heimu/doc

此模板用于将特定文字隐藏在黑色色块下。当鼠标悬停（Hover）在色块上方时，文字将变为可见，并显示预设的小提示。

用法

{{Heimu|1=被隐藏的内容 |2=鼠标悬停显示的提示文字 }}

**参数 1**：需要隐藏的文字。
**参数 2**：当鼠标悬停在上方时显示的提示文字（选填）。

示例

文件:HiddenText.png

Template:HiddenText 在 JWMeeting 上的效果示例

{{Heimu|1=你知道的太多了 |2=悬停提示文本 }}

你知道的太多了

CSS 样式设置

若要使此模板生效，请将以下代码添加到您的 MediaWiki:Common.css 或当前皮肤的 CSS 页面中。

/* 黑幕效果基础样式 */
.heimu,
.heimu rt {
    background-color: #252525; /* 背景颜色，通常与文字颜色一致 */
}

/* 隐藏状态下的文字及链接颜色 */
.heimu,
.heimu a,
a .heimu,
a.new .heimu,
span.heimu a.new,
span.heimu a.external,
span.heimu a.external:visited,
span.heimu a.extiw,
span.heimu a.extiw:visited,
span.heimu a.mw-disambig,
span.heimu a.mw-redirect {
    transition: color 0.13s linear;
    color: #252525;
    text-shadow: none;
}

/* 悬停或激活时的文字显示颜色 */
span.heimu:hover,
span.heimu:active {
    color: white;
}

/* 悬停时链接的颜色 */
span.heimu:hover a,
a:hover span.heimu {
    color: lightblue;
}

/* 悬停时已访问链接的颜色 */
span.heimu:hover a:visited,
a:visited:hover span.heimu {
    color: #C5CAE9;
}

/* 悬停时红链（未创建页面）的颜色 */
span.heimu:hover a.new,
a.new:hover span.heimu {
    color: #FCC;
}

/* 悬停时已访问红链的颜色 */
span.heimu a.new:hover:visited,
a.new:hover:visited span.heimu {
    color: #EF9A9A;
}

/* 悬停时外部 Wiki 链接的颜色 */
span.heimu:hover a.extiw:visited,
a.extiw:visited:hover span.heimu {
    color: #D1C4E9;
}

源代码参考：萌娘百科 Template:黑幕 CSS 参考：萌娘百科 MediaWiki:Gadget-site-styles.css

TemplateData

黑幕模板：将文字隐藏在黑色色块下，鼠标悬停时显示原意，常用于梗、吐槽或避免剧透。使用前请确保站点已添加配套的 .heimu CSS 样式。

模板参数
此模板首选参数不换行的行内格式。
参数		描述	类型	状态
隐藏内容	`1`	需要被黑色遮盖的文字内容。默认值添加内容示例值你知道的太多了	字符串	必需
悬停提示	`2`	当鼠标光标悬停在黑幕上时，显示的提示文字（即 HTML 的 title 属性）。默认值你知道的太多了示例值这是一个提示	字符串	可选