(尝试修改) 标签:已被回退 |
无编辑摘要 标签:已被回退 |
||
第3行: | 第3行: | ||
<span class="blackout-text">{{{1}}}</span> | <span class="blackout-text">{{{1}}}</span> | ||
</span> | </span> | ||
</includeonly><noinclude> | </includeonly> | ||
<style> | |||
.blackout-container { | |||
background-color: #333; | |||
color: #333; | |||
padding: 0px 1px; | |||
border-radius: 2px; | |||
cursor: pointer; | |||
} | |||
.blackout-container:hover .blackout-text { | |||
color: #fff; | |||
} | |||
</style><noinclude> | |||
{{Documentation}} | {{Documentation}} | ||
</noinclude> | </noinclude> |
2024年6月13日 (四) 14:44的版本
<style> .blackout-container {
background-color: #333; color: #333; padding: 0px 1px; border-radius: 2px; cursor: pointer;
}
.blackout-container:hover .blackout-text {
color: #fff;
} </style>
说明
将恶搞文字等填入本模板参数部分,即可生成被涂黑(或其他任意颜色,包括透明色transparent
)的文字。阅读时除非用鼠标选定反白,否则无法看到所填入的文字。该参数有两个可选选项。
- 语法:
{{黑幕|被隐藏的文字|光标掠过提示|HTML 颜色}}
其中,光标掠过提示预设为“你知道的太多了。”
示例
源代码:{{黑幕|你知道的太多了}}
效果:
你知道的太多了
<style> .blackout-container {
background-color: #333; color: #333; padding: 0px 1px; border-radius: 2px; cursor: pointer;
}
.blackout-container:hover .blackout-text {
color: #fff;
} </style>
源代码:{{黑幕|你知道的太多了|我不知道!}}
效果:
你知道的太多了
<style> .blackout-container {
background-color: #333; color: #333; padding: 0px 1px; border-radius: 2px; cursor: pointer;
}
.blackout-container:hover .blackout-text {
color: #fff;
} </style>
源代码:{{黑幕|你知道的太多了|我才不知道呢|blue}}
效果:
你知道的太多了
<style> .blackout-container {
background-color: #333; color: #333; padding: 0px 1px; border-radius: 2px; cursor: pointer;
}
.blackout-container:hover .blackout-text {
color: #fff;
} </style>
上述文档嵌入自模板:黑幕/doc。 (编辑 | 历史) 编者可以在本模板的沙盒 (创建 | 镜像)和测试样例 (创建)页面进行实验。 请在/doc子页面中添加分类。 本模板的子页面。 |