提供一个可嵌套的折叠块。
[[/div]]字体切换按钮
作者：Etinjat
源代码开始—-]
——
——
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
[!--—-]
[!--源代码结束—-]
——
—按键开始-]
[!--—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
—
[!--—-]
[!--按钮结束—-]
——
—
—
等待切换的字体。
—
—
—
—
让读者切换页面使用的字体。
—
- 组件后端：字体切换组件源代码
—
—
—
—
—
—
—
—
氛围音
—作者：Scutoid Studios
—
—
—
—
[[html style="position: absolute; top: 0; left: 0; max-width: 30vw; width: 100vw; height: min-content;"]]
<head>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
</head>
<style>
@import url(https://arandintday.github.io/thebackhubscn/New_BHL/css/liminal.css);
@import url(https://backrooms-wiki.wdfiles.com/local--code/theme%3A/1);
@import url(https://backrooms-wiki.wdfiles.com/local--code/theme%3A/2);
div { transition: 0.5s }
div .rate-points:before {
margin-right: 0.6em;
content: "volume_down ";
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 18px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-moz-font-feature-settings: 'liga';
-moz-osx-font-smoothing: grayscale;
}
div:hover {
filter: brightness(110%);
cursor: pointer;
}
div .rate-points:hover:before {
content: "volume_down ";
}
div.disabled {
opacity: 0.5;
pointer events: none;
filter: brightness(60%);
}
div.disabled .rate-points:before {
content: "volume_up ";
}
</style>
<div class="page-rate-widget-box" id="disable" onclick="disable(); AudioSource.play(); $(this).addClass('disabled');" "> <span class="rate-points">播放氛围音</span></div>
<script>
var AudioSource = new Audio("http://backrooms-oversight-cn.wikidot.com/local--files/component-preview/example_music.mp3");
AudioSource.loop = true;
function disable() {
document.getElementById("disable").classList.add("disabled")
}
</script>
—
—
—
—
——
—
—
一个点击即可播放音乐的组件。注意：一旦你点击此组件，音乐将不断循环播放，直到您关闭或刷新当前网页。为避免带来困扰，此处的按钮仅供预览，不可点击。
—
—
—
[[/div]]
添加一个切换亮暗色的按钮。注意：该组件仅在新阈限及其衍生版式中生效。为避免带来困扰，此处的按钮仅供预览，不可点击。