Dentrado, read-only mode: mirroring http://backrooms-wiki-cn.wikidot.com/componentsAbout Dentrado
组件中心

[[toc]]

+* 组件中心

++* 什么是组件？

组件是一种通过 [[include]] 代码引入其他页面、进而快捷引用预设代码的页面类型。组件必须属于 component: 分类1并带有组件标签。在本维基中，最常见的组件例子无疑是图像框与生存难度模块。

本中心页用于陈列所有站内已有的组件，以便创作者查找使用。同时，各个组件的附属页面也会列于此处。我们对组件及其附属页面做了简单的分类：

  • 标志表示本组件并非本站原创，而是从站外引进；
  • 标志表示这是一个介绍本组件如何使用的补充资料；
  • 标志代表这是一个附属组件，通常要配合主组件使用；
  • 标志代表这是一个组件后端，通常不会被直接引用。

如果你发布了一个组件，可以编辑本中心页，将其添加至合适的位置。如某个组件长期未链接至本中心页，职员将会代为添加。

++* 教程：添加组件

2025/8/10 的更新后，添加组件的方式有所不同，请各位搬运者 / 创作者注意。

[+] 展开：如何添加组件

注意：您当前的设备较窄（例如手机、小型平板），可能导致部分组件预览有误。

要知道组件的具体表现，请进入其页面查看。

注意：点击屏幕右侧的半圆按钮，即可打开目录。

首次打开目录时，需要点击两次按钮。


层级评级与分类组件

fragment:components-level

对层级、子层级、房间等页面进行评级或分类的组件。

生存难度系统

作者：YellowISlol

生存难度：生存難度：

等级等級 0

++* 翻译者须知：
从 2026 年 5 月 20 日起，后室英文维基开始使用层级等级（后室英文维基），全面替代此组件。最终的结果是，此组件从 component:level-class 变成了 component:old-level-class；而 component:level-class 则被替换成了上述的新组件。

这导致后室英文维基所有使用了生存难度分级组件的页面，都自动更新成另一版本。中文维基不会跟进这一改动，亦不会重命名此组件。译者可以自由选择在翻译过程中应用新版组件，使之与原文相同；也可以继续使用此组件，即不改动 [[include]] 代码。

除了外形有所变化，新组件还新增了 1E-5E 的环境危害分级，并稍微扩展了自定义维度；因此部分页面可能有必要更换为新组件，才能正常显示。请译者自行甄别。

+* 如何使用：

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]

class 处的可用参数包括以下内容，支持简繁体及英文输入。

English简体中文繁體中文
012345012345012345
unknown未知未知
habitable宜居宜居
deadzone死区死區
pending等待分级等待分級
n/a不适用不適用
amended修正修正
omega终结終結

该组件支持简繁切换，如下方代码所示：

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]

在 lang 处选择语言，cn 表示简体中文，tr 表示繁体中文，不填默认选择简体中文。

++* 自定义等级

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级名字
|color=#000000（带有井号的十六进制色号代码。）
|image=链接（至图片的链接。）
|one=在这
|two=随便
|three=放文字
]]

+* 使用 CSS 进行自定义：
你可以使用 CSS 进行额外的自定义，将代码放入到 [[module css]] 中或者是放入到页面的版式内都可以。在这一组件中，不要把 [[module css]] 放在 [[include]] 里面，把它放在那个的下面或者是页面的顶部或底部。
将这些代码放入到你的页面/版式中以编辑所有的颜色，因为组件的 |color= 部分仅能控制背景：

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

/* 等级颜色 */
--class-0: 247, 227, 117;
--class-1: 255, 201, 14;
--class-2: 245, 156, 0;
--class-3: 249, 90, 0;
--class-4: 254, 23, 1;
--class-5: 175, 6, 6;
--class-unknown: 38, 38, 38;
--class-habitable: 26, 128, 111;
--class-deadzone: 44, 13, 12;
--class-pending: 182, 182, 182;
--class-n-a: 38, 38, 38;
--class-amended: 185, 135, 212;
--class-omega: 25, 46, 255;
}
[[/module]]

++* 旧版颜色：
如果你不喜欢新版的样式，想要用回旧版的红色边框色，只需要在你的页面中与组件一同引入下方的代码：

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

适用于层级的评级系统，也是最经典的一个。

生存难度系统（英文维基）

作者：Reyday & Ambersight & cakelord114514

9d319f67b0fba58c22e2da2ea2a4e64f5e44cfec10faeb26be1e69cd9bc11643.image.png

适用于层级的评级系统，当前英文维基使用的版本。与原版的生存难度系统不兼容。

新版层级等级组件

作者：scutoid studios

]]
LEVEL
1

]]

生存等级生存等級
​0 ]][[#ifexpr (0+2+5)/3 >= 0.5 && !((0+2+5)/3 >= 1.5) 2 ]][[#ifexpr (0+2+5)/3 >= 2.5 && !((0+2+5)/3 >= 3.5) 4 ]][[#ifexpr (0+2+5)/3 >= 4.5 级級

逃离逃離：5/5
确保逃离 ]][[#ifexpr 5 == 1 略难逃离 ]][[#ifexpr 5 == 3 极难逃离 ]][[#ifexpr 5 == 5 確保逃離 ]][[#ifexpr 5 == 1 略難逃離 ]][[#ifexpr 5 == 3 極難逃離 ]][[#ifexpr 5 == 5

环境環境：2/5
无环境风险 ]][[#ifexpr 2 == 1 少量环境风险 ]][[#ifexpr 2 == 3 极端环境风险 ]][[#ifexpr 2 == 5 無環境風險 ]][[#ifexpr 2 == 1 少量環境風險 ]][[#ifexpr 2 == 3 極端環境風險 ]][[#ifexpr 2 == 5

实体實體：0/5
无敌对实体 ]][[#ifexpr 0 == 1 少量敌意存在 ]][[#ifexpr 0 == 3 极多敌意存在 ]][[#ifexpr 0 == 5 無敵對實體 ]][[#ifexpr 0 == 1 少量敵意存在 ]][[#ifexpr 0 == 3 極多敵意存在 ]][[#ifexpr 0 == 5

—

—

—

—

—

一种给层级定义等级的新式替代系统。
—

—

—

—
—

希版层级等级组件

—作者：Br Miller
—

—

——

—

—

—

— ]]
生存等级生存等級
0 ]][[#ifexpr ((2+5)*(1+0.125*4)/3 + 4*3/4 + abs((2+5)*(1+0.125*4)/3 - 4*3/4))/2 >= 0.5 && !(((2+5)*(1+0.125*4)/3 + 4*3/4 + abs((2+5)*(1+0.125*4)/3 - 4*3/4))/2 >= 1.5) 2 ]][[#ifexpr ((2+5)*(1+0.125*4)/3 + 4*3/4 + abs((2+5)*(1+0.125*4)/3 - 4*3/4))/2 >= 2.5 && !(((2+5)*(1+0.125*4)/3 + 4*3/4 + abs((2+5)*(1+0.125*4)/3 - 4*3/4))/2 >= 3.5) 4 ]][[#ifexpr ((2+5)*(1+0.125*4)/3 + 4*3/4 + abs((2+5)*(1+0.125*4)/3 - 4*3/4))/2 >= 4.5
—

—
—

—
—

—

—

— ]]
—

—

—

—

资源：3/5資源：3/5
食物充足]][[#ifexpr 3 == 1 食物少见]][[#ifexpr 3 == 3 有水而无食]][[#ifexpr 3 == 5 食物充足]][[#ifexpr 3 == 1 食物少見]][[#ifexpr 3 == 3 有水而無食]][[#ifexpr 3 == 5
—

—

—

—

逃离：4/5逃離：4/5
确保逃离 ]][[#ifexpr 4 == 1 略难逃离 ]][[#ifexpr 4 == 3 极难逃离 ]][[#ifexpr 4 == 5 確保逃離 ]][[#ifexpr 4 == 1 略難逃離 ]][[#ifexpr 4 == 3 極難逃離 ]][[#ifexpr 4 == 5

—

—

—

—

环境：5/5環境：5/5
无环境风险 ]][[#ifexpr 5 == 1 少量环境风险 ]][[#ifexpr 5 == 3 极端环境风险 ]][[#ifexpr 5 == 5 無環境風險 ]][[#ifexpr 5 == 1 少量環境風險 ]][[#ifexpr 5 == 3 極端環境風險 ]][[#ifexpr 5 == 5

—

—

—

—

实体：2/5實體：2/5
无敌对实体 ]][[#ifexpr 2 == 1 少量敌意存在 ]][[#ifexpr 2 == 3 极多敌意存在 ]][[#ifexpr 2 == 5 無敵對實體 ]][[#ifexpr 2 == 1 少量敵意存在 ]][[#ifexpr 2 == 3 極多敵意存在 ]][[#ifexpr 2 == 5

—

—

—

—
——
—

—[!-
—

—
——

—

—

—

—

希版层级等级组件是新版层级等级组件的升级版本，其添加了对特定层级的食物及水资源的评级功能且修改了整体的生存难度计算方式。
—

—

—

—
—

层级属性分类系统

—作者：Meauzeek Zampona
—

—

—

—

—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
层级属性：層級屬性：
—

—
—

—
0
—

—
—

—
—

—
—

—
—

—
—

—

——

—

—

LPCS（层级属性分类系统）是对层级的固有属性进行评估的一套分类系统，用于描述一个层级的客观性质。可与生存难度系统（层级等级系统）搭配使用，也可单独使用。
—

—

—

—
—

标签化生存难度模块

—作者：GaplouelPew
—

—

2e2ef6c02a355d22147e800b6760e3e98eea883ba7ff56d34127cc3febc2ecf9.image.png

—

—

以标签的方式给你的层级分类。注意：该组件与生存难度系统冲突。
—

—

—

—
—

相对危险度评估系统

—作者：R74
—

—

——
—

—
—
—
危险度：2—

—
—

—
—

—
—

—
—
—
空间可靠度：空间-稳定—

—
—

—
—
—
实体可靠度：实体-无—

—
—

—
等待提供信息—
—
—

—
—

—
——
——

—

—

日文维基用于层级的评估系统。
—

—

—

—
—

岛屿分级组件

—作者：Ambersight
—

—

—

—

—

—
—
—
—
—
孤岛岛屿
—

—
—

—
—
—
—

—
—

—
—

—
—

—
—
—
—
—
—

—
—

—
—
—
—
—
生存难度：
—

—
—

—
3
—
—
—

—
—

—
—
—
环境安全度：
—

—
—

—
稳定
—
—
—

—
—

—
—
—
实体威胁度：
—

—
—

—
高
—
—
—

—
—

—
—
—
交通便利度：
—

—
—

—
孤立
—
—
—
—
—

—
—

—
—
—
—
—
定居信息：
—

—
—

—
none-placeholder
—
—
—

—
—

—
—
—
资源情况：
—

—
—

—
none-placeholder
—
—
—

—
—

—
—
—
信号强度：
—

—
—

—
none-placeholder
—
—
—
—
—
—
—

—

——

—

—[[iftgs -组件]]
[[iftags]]
—

—
—

—

[[/iftags]]

[[/iftgs]]
—

—
—

—[[iftgs -组件]]
[[iftags]]
—

—
—

—

[[/iftags]]

[[/iftgs]]
—

—

—

—

专为群岛设定制作的分级系统，不适用于一般层级。
—

—

—

—
—

其他评级与分类组件

—fragment:components-other
—

—

对实体、物品、现象等页面评级或分类的组件。

——

—

—
—

Isle 实体威胁评分

—作者：hoah2333 & CutTheBirch
—

—

—

—
—

—
—
—
IETS：2C
—
—
IETS
—
—
威胁脅：2
—

—
—

—
智能：C
—
—
—
—
—
—
—

—

——##
| lang####var(--c-keyword)|=cn/tr
| danger####var(--c-keyword)|=威胁
| intelligence####var(--c-keyword)|=智能
]]
—

—

修改后，组件不会将下方所有文字整体推移，但会占用悬停后文字整体的高度。如下方所示。
—

—
—
—
IETS：6E-
—
—
IETS
—
—
威胁：6
—

—
—

—
智能：E-
—
—
—
—
—
—
—

—

除此之外，威胁等级填写 0~5 可使 IETS 的边框变色。若你需要使用范围外的威胁等级，或是不满意当前所显示的颜色，可以使用以下代码更换颜色：
—

—
[[module CSS]]
:root {
--box-border: red, green, blue;
--box-shadow: red, green, blue;
}
[[/module]]
—

—
其中 red、green、blue 对应边框的红、绿、蓝色值，数值在 0~255 之间。你亦可以单独修改不同威胁等级的边框颜色，下方列出了目前所使用的边框色值：
—

—
[[module CSS]]
:root {
--box-color-0: 27, 122, 44;
--box-color-1: 88, 248, 70;
--box-color-2: 211, 186, 0;
--box-color-3: 239, 149, 0;
--box-color-4: 254, 110, 24;
--box-color-5: 253, 69, 69;
}
[[/module]]
—

—
—

—

—

—
+* 组件样式代码

+ 展开组件样式代码
[[/iftags]][[/div]]

这一评分提供了关于某特定实体的危险程度和智力水平的直观信息。

[[/div]]

统合实体分类系统

作者：DrBobtail & Kai4C & CutTheBirch

统合实体分类系统
实体编号： 1
栖息地： 周游
IETS:
2A
分级：
Zoophoid
性质：
HVM
VRL-A
VRL-B
NCR
MCH
CBR
SYN
DMN
SSV
CVL
RAD
NRO
TXC
PYR
RLA
UNQ
AGR
BNV
PSY

对实体进行多方面的分类。

标签式现象等级系统

作者：Eltrac

现象影响：Lv.4

  • 持续时间长
  • 发生频率低
  • 影响不可逆

环境变化












PLS 根据现象的「影响」和「形式」做了较为系统的分类。

现象分级系统

作者：Meauzeek Zampona

[[iftags]]

<html>
<head>
    <style>body {font-family: sans-serif; font-size: .8em;} .sample {width: 100%;height: 0;padding-bottom: calc(50% / 3);background-position: center; background-size: contain; background-repeat: no-repeat;} .opt {display: grid; grid-template-columns: 15em 1fr;} .opt > b {grid-column: 1 / 2;} .opt > input {font-size: 16px; grid-column: 2 / 2;} .opt > span {color: #888; grid-column: 2 / 2; margin: 0 0 1em;} textarea {font-family: sans-serif; height: 300px; width: 100%;} .rounded-border {border: 2px dotted #000000; border-radius: 15px; background: #ffffff; padding-left: 20px; padding-right: 10px;}</style>
</head>
<body>
    <br>
    <b>【预览效果】</b>
    <br>
    <br>
  <div class="rounded-border">
  <div class="sample"></div>
  </div>

  <div class="opt">
    <br>
    <br>
    <br>
    <b>安全等级：</b> <input type="number" min="0" max="6" value="3" />
    <span>可填入0, 1, 2, 3, 4, 5, 6, 数字越大代表危险性越高。</span>
    <b>现象名称：</b> <input type="text" value="名称" />
    <b>现象编号：</b> <input type="text" value="C-X" />
    <b>适用区域：</b> <input type="text" value="Level C-XXX" />
    <b>存在形式：</b> <input type="text" value="形式" />
    <b>条件与成因：</b> <input type="text" value="成因" />
    <b>效果及影响：</b> <input type="text" value='影响' />
    <br>
    <b>复制以下框内的代码：</b>
  </div>
  <textarea readonly></textarea>
<script>
var o = {};
var txt = document.querySelector('textarea');
var smp = document.querySelector('.sample');
var ipt = Array.from(document.querySelectorAll('input')).map(function(v, i) {

  ['onchange', 'oninput'].forEach(function(f) {
    v[f] = function(e) {
      txt.value = '[[include :backrooms-wiki-cn:component:pcs\n' + ipt.map(function(v) {return '|' + v.name + '=' + encodeURI(v.input.value)}).join('\n') + '\n]]';
      smp.setAttribute('style', 'background-image: url("data:image/svg+xml;charset=utf8,' + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="600" height="100" viewBox="0 0 600 100"><defs><style>rect[fill*="b01"] {animation: blink 3s ease-in-out infinite;}@keyframes blink {0%,20%{fill-opacity: 1;}50%{fill-opacity: 0.75;}80%,100% {fill-opacity: 1;}}</style><filter id="shadow" width="200%" height="200%"><feGaussianBlur stdDeviation="3" result="shadow"/><feOffset dx="0" dy="0"/></filter></defs><g><text x="10" y="40" font-size="20" font-family="Arial,sans-serif"><tspan font-weight="bold">名称：</tspan> ' + o.name.value + '</text><text x="10" y="70" font-size="20" font-family="Arial,sans-serif"><tspan font-weight="bold">编号：</tspan> ' + o.number.value +  '</text></g><g><rect x="220" y="25" width="2" height="50" rx="2" ry="2" fill="#333"/><text x="230" y="32" font-size="12" font-family="Arial,sans-serif"><tspan font-weight="bold">适用区域：</tspan> ' + o['area'].value + '</text><text x="230" y="46" font-size="12" font-family="Arial,sans-serif"><tspan font-weight="bold">存在形式：</tspan> ' + o['existence'].value + '</text><text x="230" y="60" font-size="12" font-family="Arial,sans-serif"><tspan font-weight="bold">成因：</tspan> ' + o['cause'].value + '</text><text x="230" y="74" font-size="12" font-family="Arial,sans-serif"><tspan font-weight="bold">影响：</tspan> ' + o['effects'].value + '</text><rect x="488" y="25" width="2" height="50" rx="2" ry="2" fill="#333"/></g><g transform="skewX(-15)"><rect x="523" y="25" width="10" height="50" rx="2" ry="2" fill="' + (Number(o.lv.value) == 6 ? '#b01' : 'transparent') + '"/><rect x="535" y="25" width="10" height="50" rx="2" ry="2" fill="' + (Number(o.lv.value) == 6 || Number(o.lv.value) == 5 ? '#b01' : '#aaa') + '"/><rect x="547" y="25" width="10" height="50" rx="2" ry="2" fill="' + (Number(o.lv.value) == 6 || Number(o.lv.value) == 4 ? '#b01' : Number(o.lv.value) > 4 ? '#333' : '#aaa') + '"/><rect x="559" y="25" width="10" height="50" rx="2" ry="2" fill="' + (Number(o.lv.value) == 6 || Number(o.lv.value) == 3 ? '#b01' : Number(o.lv.value) > 3 ? '#333' : '#aaa') + '"/><rect x="571" y="25" width="10" height="50" rx="2" ry="2" fill="' + (Number(o.lv.value) == 6 || Number(o.lv.value) == 2 ? '#b01' : Number(o.lv.value) > 2 ? '#333' : '#aaa') + '"/><rect x="583" y="25" width="10" height="50" rx="2" ry="2" fill="' + (Number(o.lv.value) == 6 || Number(o.lv.value) == 1 ? '#b01' : Number(o.lv.value) > 1 ? '#333' : '#aaa') + '"/></g><text x="535" y="70" font-size="16" font-family="Arial,sans-serif" font-weight="bold" fill="#fff" filter="url(#shadow)">Lv.<tspan font-size="25">' + o.lv.value + '</tspan></text><text x="535" y="70" font-size="16" font-family="Arial,sans-serif" font-weight="bold" fill="' + (Number(o.lv.value) == 6 ? '#fff' : '#000') + '">Lv.<tspan font-size="25">' + o.lv.value + '</tspan></text></svg>') + '");')
    }
  })

  var _ = {name: [
    'lv',
    'name',
    'number',
    'area',
    'existence',
    'cause',
    'effects'
  ][i],
  input: v};
  o[_.name] = v;
  return _;

});

txt.onfocus = function(e) {
  e.target.select();
}
ipt[0].input.onchange();
</script>
</body>
</html>
[[/iftags]]

PCS 为现象的写作提供参考思路，起辅助作用。

现象等级评估系统

作者：GaplouelPew

现象编号 C-10

等级 4

分类：易发生

区域：等级0~3层级

形式：影响视觉

PLAS 对现象进行分级并进行简单的描述。

评级组件

作者：Super-Robot14

威胁系数

10 ]][[#ifexpr 3 < 0 3

一个带动画的简易评级栏，适用于多种场合。

现象威胁度评级

作者：Abdallah Amr

PTS:

4P

评级：

作用范围：层级

罕见

发生频率

3-5天

持续时间

轻微

剧烈程度

[[iftgs -组件]]
[[iftags]]

[[/iftags]]

[[/iftgs]]

现象威胁度评级是一种简洁、优雅的 UI，能够展现现象的大致特征，并具备高度的灵活度与可定制性。

相关人士展示框

作者：ReyDay

++++* 档案：佐藤爱子 状态：活跃 ⬤

a20f7b324b26bd7a66e76b21b056b63f0ece7a31f8dd4a73a763c7dcc15b82ca.image.png

+++* 别称：“带来幸运的伟大撒玛利亚人”
+++* 最后出现地点：为保护隐私已编辑
+++* 已知关联：汤姆餐厅

谜一样的女子变成了英雄，她竭力想摆脱名声，可诅咒却不让她安宁。

用于简要介绍一位相关人士。

統合物品分類系統(IOTS)

作者：Nightwolf92

物品編號：C-XXX

罕見度
唯一

產地
未知

實用性
高風險實用

IOTS

5

這是一個用於對物品進行分類與分級的組件。針對實用性、產地/來源、罕見度得到的分數去計算IOTS等級。

团体与设定专用组件

fragment:components-group

这些组件通常只会出现在某些团体 / 设定相关的文章中。

实体生物学分类系统

作者：Eltrac

++* 实体生物学分类系统

Art.01 - 实体

IETS：3B-

实体编号：Entity C-1
项目类型：变异 / 野生
生物特征：类人生物 / 食肉性
这里插入一段有关该实体的描述，阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴阿巴。

9b59c099620297ad9228d19fdce57484be010e9bfd41ca8ea5d35fb3b95be57f.image.jpeg
+ 查看组件 CSS 代码

为实体生物学家协会制作的专用实体分类系统。

非常规现象评估系统

作者：Romuta & Chris Evertworth

分类>> 数字类现象

场景>> 任一层级（存疑）

形式>> 随机恶性事件

Phenomenon C-40 >>

类别>> 系统故障

文件公开

局部公开 ▲

内容受限 ▲▼

信息保密 ▲▼▲

情报控制 ▲▼▲▼

缄默协议 ▲▼▲▼▲

唯一议会 ▲▼▲▼▲▼

A Report From PA##LLA##BE8F00|S##

为帕拉斯研究所设计的现象类文件管理评估系统。

非常规层级放映系统

作者：Romuta & Chris Evertworth

afc62d7afffc7165d0c495a8b13ae506ee4665afad69d50f9ad0b85e89be8c19.image.jpeg

为帕拉斯研究所设计的层级类文件主题放映逻辑。

后室机器人科技块

作者：Scutoid Studios

a71e865b3a268e91888410a816c85ddb5a7556aae7acae8b63401d5fcd1c8fa5.image.png

这是一个简单的组件，在你的与后室机器人科技相关的页面的右下角添加了一个可关闭的方块。

REDE 危险度评级系统

作者：starry_Milky Way & EuthanasiaALS

cf391757c5743a14da1e5959ffbb995c8de818c0dfd3624c91ad4ed2094b2c32.image.jpeg

为 REDE 设定的评级组件，在你的与 REDE 文章系列相关的文章中加入的组件。注意：该组件会修改组件之外其他元素的样式。

新型REDE 危险度评级系统

作者：starry_Milky Way & EuthanasiaALS

实体编号: REDE-99

栖息地: Leve 9999

Starry Milky Way事件名称

超级无敌难修复难度

MAL

NSU

CAE

REG

THR

UNI

TSI

PHO

PTO

PLR

DMO

SDI

TED

DET

MDI

BWA

BLO

CDA

无理由的对可触及的一切生命造成灾害
灾害并非为实体本身造成
因为各种原因而对周遭生命造成危害
灾害范围仅发生在层级内的一个区域内
灾害范围为一整个层级
灾害范围将跨越多个层级
灾害范围将出现在多个时间线内的不同节点
灾害将出现在特定条件下的某些区域内
实体将拥有影响生命精神的能力
实体会通过某些方式使自己的数量增加
实体会完全掌控影响区域的一切规则
实体会对时空进行影响
实体影响的区域将不可挽回
实体将对影响区域产生各种恶性物质
实体将引发极端的气象活动
实体将能够使影响区域的气温走向极端
实体事件发生时，影响层级将不可切出与不可切入
实体将悄然无声的出现在区域内
恶意
非主观
前因后果
区域性
全境
全域
错乱时空
对号入座
精神摧残
增殖
支配
空间崩裂
终结
劣化
气象灾害
坏汤婆
封锁
斗篷与匕首

为 REDE 设定的评级组件，在你的与 REDE 文章系列相关的文章中加入的组件。

蒲绪卡黛统合生存难度系统

作者：EuthanasiaALS & H_W & starry_Milky Way

    [# ]
    生存难度
    等级　宜居
    [# ]
    生存难度
    等级　死区

蒲绪卡黛统合生存难度系统 是附属于 蒲绪卡黛诸相观 设定的生存难度等级系统。

[[/div]]

附加信息组件

fragment:components-info

这些组件会在页面内添加额外的信息，辅助文章的表达。

著作信息评分模块

作者：Sekai_s 等

40bab7ac3cc851ff519f05f7cbb465baf436162562e6418334dc51b9755e4b57.image.png

著作信息模块是一种评分模块的变体，可以让你在页面中添加任意世界观外的文本。需要由读者点击评分模块旁的一个小信息按钮，文本才会显示在一个对话框中。

著作信息标题

作者：scutoid studios

组件中心



  • [!-

    文本



[!-

该组件可以让你在标题后使用著作信息评分模块。

伪链接预览

作者：Eltrac

7c1694fc0eb67279ba5d6d42246a970823aebd18e8a0262f6527f173bbe5164f.image.jpeg

这个组件意在模仿维基百科的导航预览功能。使用者只要将鼠标放在一个超链接上，就能够看到作者预先设置好的有关这个链接页面的介绍。

懒人作者页工具

作者：W Asriel

756b6625411ef41936af0a329f35cddc289c152c7cdcbfba6fd72c59d3be5473.image.png

这是一个使用方式较为简易的作品展示工具，搬运自 SCP 基金会中文分部。

页面副标题

作者：AbytherUs

9c001e47535cdfaa6f2fd738ffbaa0755d014968b2ba81e67c840ca426b140b0.image.png

为你的页面加上副标题。

可用的成就系统

作者：vallerback & GaplouelPew & Etinjat

[!--

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—

—

—
—

—
—

—

—

—
—

—
—

—
—

—

—

—
—

—
—

—
—

—

[!--

—====================================-]

[!--

[!--

====================================-]

[!--[!--

====================================-]

]

[!--

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—

—

—
—

—
—

—

—

—
—

—
—

—
—

—

—

—
—

—
—

—
—

—

[!--

—====================================-]

[!--—
—

—
—

—

—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—

—

—
—

—
—

—

—

—
—

—

—

—
—

—

[!--

—====================================-]


[!--

[!--

====================================-]

]

为你的作者页添加成就徽章系统，包含两个版本及自定义教程。

人物信息

作者：SwitzerCandy

38bbeb0d71bb0b064a26bbea492b6eb288d05f7c0065e45cb90ec0d80bfa4c13.image.jpeg

仿照维基百科风格制作的人物信息栏。

信息框

作者：scutoid studios

886dbeb4eeeaaebab08d54c73e3e1e6c7ae149933b8988e45a5a394c33cc885e.image.png

这是一个能让你通过表格为页面制作维基信息框的组件。

计数折叠块

作者：Vovawe

38fb631573169ae759ee568d851d4c1f9808ec1f60924c637070ab0edc43e066.image.jpeg

这是一个能让你通过表格为页面制作维基信息框的组件。

个性化组件

fragment:components-custom

这些组件会改变页面部分元素的样式，满足你的美学需求。改变全局美学样式的组件被称为版式，在版式中心和原创版式中心中浏览。

图片框

作者：Aelanna

9b59c099620297ad9228d19fdce57484be010e9bfd41ca8ea5d35fb3b95be57f.image.jpeg

Level 0 的第一张照片。

应用在许多页面的图片框组件。是的，就是它。

更改版头标题

作者：Ambersight

fc4ecba0ab0cfe7a416b2a5a77c15534fb0c3327e1fa386414f23947aa4a61a2.image.jpeg

本组件可以快速更改版式最上方的标题（即当前显示的“The Backrooms”与“你曾经来过这里”），从而更好地为文章内容服务。

展开侧边栏（Liminal）

作者：无

d8f6b1b6775526c03bac018fe56b70ffb87aff7c9939af6e97c9290b574a6234.image.jpeg

这个组件可以改变侧栏的显示状态，使其变为默认展开。

切换侧边栏（Liminal）

作者：Woedenaz

f39e614175d31291f335b618b3ae8f4fd3d9a9aa3fce11db8ca5e6cddb103e20.image.png

在页面左上角增添一个展开按钮，用于切换侧边栏的显示，效果类似移动端设计。本中心页就使用了这一组件。

跨维基模块自定义样式

作者：Sekai_s

7fc155a13141108b51e7b150d480e5a0ea0dc045c08a9ace70cadcc26b374800.image.png

修改侧栏跨维基模块的样式。

隐藏用户信息和搜索栏

作者：Mercuresphere

32d918a17cae083821f4939707aee08b1034d9dea407ef011b10a9cf75ccaaa2.image.jpeg

这个组件可以改变顶栏当中用户信息和搜索栏两部分的显示状态，使其变为可折叠并默认隐藏。

悬浮放大

作者：AbytherUs

9b59c099620297ad9228d19fdce57484be010e9bfd41ca8ea5d35fb3b95be57f.image.jpeg

Level 0 的第一张照片。

本组件将会给标准的图像框组件添加一条特殊代码。当鼠标指针悬浮在一张图片上时，那张图片将会被放大。

排版工具组

作者：Eltrac

95593ce48cf6e20c82c84eede53f3336166060d2deb7e2e371a53e39b0b0e3f5.image.png

该组件为代码基础薄弱的写手和新人提供易于使用的排版工具，提升文档的美观度。

附录块

作者：jan Jejasa

▷ 附录 A1：何为附录块？

更改折叠的样式，可以用于采访、日志记录、附录、文件记录等等。

自定义折叠

作者：Super-Robot14

自定义折叠！

改变折叠的形状、颜色和大小！

折叠脚注

作者：scutoid studios

+ 打开脚注

用一个可折叠的新阈限脚注块代替你平平无奇的 [[footnoteblock]]。

评分条

作者：scutoid studios

获得一条显示 +/- 比例的评分条。

明信片

作者：LemonCat233

—

—

—

—

—

——
[[div class="lemcat-postcard-container" style="
—DIYcolor01: ;
—DIYcolor02: ;
—DIYbg: ;
—DIYtext: ;
—DIYlink: ;
—DIYlink-slc: ;
—DIYlink-vtd: ;
—DIYlink-new: ;
"]]
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
——

[!--

]

[[/div]]

——

—

—

[!--

]
[[div class="lemcat-postcard-container" style="
—DIYcolor01: ;
—DIYcolor02: ;
—DIYbg: ;
—DIYtext: ;
—DIYlink: ;
—DIYlink-slc: ;
—DIYlink-vtd: ;
—DIYlink-new: ;
"]]
—

—
—

—

—

—
[[div class="lemcat-pstamp-container" style="
—mark-width: ;
—mark-height: ;
"]]

—

—
[[div class="lemcat-postcard-content" style="
—DIYunderline: ;
"]]

[!--

]

[[/div]][[/div]][[/div]]

可修改颜色、可自定义邮编

—

—

—

—

—

[!--

]
[[div class="lemcat-postcard-container" style="
—DIYcolor01: ;
—DIYcolor02: ;
—DIYbg: ;
—DIYtext: ;
—DIYlink: ;
—DIYlink-slc: ;
—DIYlink-vtd: ;
—DIYlink-new: ;
"]]
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
—

—
——

——

[[/div]]

——

—

—

[!--

]
[[div class="lemcat-postcard-container" style="
—DIYcolor01: ;
—DIYcolor02: ;
—DIYbg: ;
—DIYtext: ;
—DIYlink: ;
—DIYlink-slc: ;
—DIYlink-vtd: ;
—DIYlink-new: ;
"]]
—

—
—

—

—

—
[[div class="lemcat-pstamp-container" style="
—mark-width: ;
—mark-height: ;
"]]

—

—
[[div class="lemcat-postcard-content" style="
—DIYunderline: ;
"]]

[!--

]

[[/div]][[/div]][[/div]][[/div]]

可以自定义成各式各样的明信片。

[[/div]]

问答块

作者：scutoid studios

嗨

改变折叠块的样式，使其更适合用于陈列 FAQ（常见问题）。当然，你也可以将之用于其他用途。注意：该组件会改变所有折叠块的样式，并且与所有同类组件冲突。

弹窗

作者：starry_milky way

827dbbac7f8c3f2fd59114bc161e72af3fb354b7abdd649a9c4211709caea87b.image.jpeg

在你的文章中添加一个弹窗。

视差引擎

作者：scutoid studios

58b31fd39db94bd235a2d58374c72aa5054665417092b35d26a3eeefe693d353.image.jpeg

为你的页面加上一个具有 3D 视差的版头横幅。

画廊图片框

作者：H_W

[[gallery size="medium"]]
: https://backrooms-wiki.wdfiles.com/local--files/level-0/OGLevel0.jpg
[[/gallery]]

Level 0 的第一张照片。

基于[[gallery]]模块制作的图片框， 其可以在不打开新页面的前提下实现点击图片查看清晰图片的效果。

迭代时间轴

作者：Abdallah Amr

81234542ab69f37ec5acebdf12ad94e566606e0444c217f22540d3756af785fe.image.png

将所有迭代以时间轴形式依次序显示。

渐变图片框

作者：scutoid studios

一张名为单色黄色办公隔间的照片，空旷地诡异。

Level 0的第一张摄影。

[!--

这是一个让图片框组件有更炫酷外观的替换方案。

滚动样式块

作者：scutoid studios

强势黄的

这是一个带有动态背景的样式块。

悬停滚动文本块图片框

作者：AbytherUs & H_W

Level 0的一张摄影

9b59c099620297ad9228d19fdce57484be010e9bfd41ca8ea5d35fb3b95be57f.image.jpeg

Level 0 是一处非线性空间，外观类似于一家零售店的储藏后室。与它此前被确认的形式相似，Level 0 中的所有房间都在外观上呈现出具有共同表面特征的统一制式模样，例如泛黄的墙纸、潮湿的地毯和以不一致方式安装的荧光灯具。然而，本层中不存在两个完全相同的房间。

被安装在本层空间中的荧光灯保持无规律闪烁，并以恒定频率发出嗡鸣。这种噪声尤其响亮，明显比正常的荧光灯所能制造的噪音更加刺耳，而对灯具装置进行检查以确定噪声来源的尝试以失败告终。浸湿地毯的物质成分始终无法被查明。它既不是水，同时也不能被安全地饮用。

这是一个带有进行文本介绍的滚动侧栏的图片框，鼠标悬停时可出现描述文本。

伪讨论串

作者：bleuboat

06d9940b909a3cc88795f69643d0549bd40b30addbf1578ce2075eea526850ee.image.png

在文章中添加讨论串。

社交平台风格文本框

作者：Einoshima

8a0d0fee0c7674d380a10f8ac0058451ba5dd9beaa930e1f01396f8f41270113.image.png

在文章中添加类似社交平台帖子的文本框。

蚯蚓形底部导航

作者：Einoshima

482a18eb975091b28cb560e4db17862c876cc7234ae8b67d1600799b00277d97.image.png

Level C-10

原创层级列表 I

482a18eb975091b28cb560e4db17862c876cc7234ae8b67d1600799b00277d97.image.png

Level C-12

蚯蚓形状的底部导航栏，可以替代单调的 [[div class="footer-wikiwalk-nav"]]。

居中标题

作者：scutoid studios

居中标题

将页面标题居中。同样适用于[[div class="meta-title"]]。

CROM 预览

作者：ReyDay

0a9f1d1409443fd38ca071e8d63efb7cef0309df32b2195e3cf4848ddc2553d3.image.jpeg

在 CROM 的嵌入卡片中显示预览文本。

电影脚本

作者：scutoid studios

[!-

—
——

—

—
淡入
—

—

—

—
内景. 后室中文维基职员站点 - 夜晚
—

—

老常（后室中文站长）正在批申请书

—

—
老常
—

—
（面露担忧）
—

—
请输入文本
—

—

请输入更多文本
—

—

—

—

让你在你的文中插入一段电影脚本。
—

—

—

—
—

功能拓展组件

—fragment:components-function
—

—

这些组件能够提供额外的功能，而不仅仅是美化已有元素、功能的外观样式。

——

—

—

—

—
—

多重折叠

—作者：Boyu12
—

—

——

—

—

—

—
—
  • —[[div [[#if 1 | | class="colmod-link-end" ]] ]]
    —
    —
    [[#if 1 | | - 收起 ]]—

—

[[/div]]

提供一个可嵌套的折叠块。
—

—

[[/div]]

—

—
—

繁简转换

—作者：hoah2333
—

—
—

—
繁
—

—
—

—

这是一个繁简转换组件，旨在方便不同地区的读者顺利地阅读到自己所熟悉的文字。
—

—

—

—
—

字体切换按钮

—作者：Etinjat
—

—

——

[!--

—源代码开始-]

[!--

—-]

——

[!--

—源代码结束-]

[!--

按键开始—-]
——

[!--

—

[!--

—-]

——

—

—
—

—
切换字体
切换字体
—

—
—

—
▼
—

—
—

—
—

—
—

—

——

[!--

—按钮结束-]

等待切换的字体。

让读者切换页面使用的字体。

可拖拽 DIV

作者：Ross Dear

创建可以自由拖动的内容块。

音频

作者：无

在页面内插入一个可播放的音频。

氛围音

作者：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>

[[/html]]

一个点击即可播放音乐的组件。注意：一旦你点击此组件，音乐将不断循环播放，直到您关闭或刷新当前网页。为避免带来困扰，此处的按钮仅供预览，不可点击。

轮播框 CSS 动画

作者：hoah2333

KkogpcGmRHs7brD.jpgDbzPYpUgIkmCnOW.jpg
2024 教程活动
2025 蛇说活动

为首页横幅轮播制作的轮播框 CSS 动画组件。

翻译

作者：zenzick

语言語言：​

ade3a59c5bc731daf41f07a9137daf9538e7a8063f4da38ea0a89e1b0b5c73d0.image.png

​

88b0b63169227964ceaee3dada185811400eb0db9e7e9bac363c0111cc3432a0.image.png

​

aecd5fb4f2c2e2720a695f7b51d5a1f01a2c150fe6e23bf43327abdae98ee843.image.png

​

bbac2c1bb2ee3e72ab10deeb7bca4ade16c944716a84a325aa61c4a9c6d01982.image.png

​

be9b960082fb47e30fa95dab2e4e5ca75407869f5267133b5abbff6a35abb835.image.png

​

c6aea21f870a1a10e3a66d7df11b6e4dec2ba356d29d7ebde8d13d19513ce11a.image.png

​

bc8cf2f594cb9acd7c1196dce6da759e09d740206774fab15fcc5cf413f4daa7.image.png

​

32a4e5e1b96fbcfd1e71f66494081b609293abe9ea75e4f4a4194f47defb175b.image.png

​

496416213875745d72c3c1eaa965284d70d4ada6bd07f61190749207e865e803.image.png

​

391cd7cefb7c777103ed1533377cb1b37cdd4f89af17553336f077ec9808fdf0.image.png

​

394c4537d9d5aad152ee82eb99669d86f92eea61ea208f313af6a3874315cbb2.image.png

​

e1d5b1e391e9437e20ad979457c7bedae8c7ecacf6dc462c9aacf7373fb6d0ce.image.png

​

d43f056be1a502f56e974c6489064a73cf53961e1e771774ac508ca0e62709f7.image.png

​

16bc5bd1a566daa478d650dbac4c809f081fc5bf1fd4831c8f2f9d975facea61.image.png

​

c2d74883e79821ad52e26a9c9806048ffd2aaf5a77bbf5133770d46661d33d69.image.png

​

81af1e53e1e57afb7d75867ae750fb38b4ffbccef54606bad7f486a11c681075.image.png2cba65385653296841807aeda5380fff3ca21db2d1fc80fbd0e6479aa6a9f58d.image.png6a301e8c85efa9c20b9e0b799f909cc91e1733ba005d1b2876466f37000c8bad.image.png44e93dccaa1bd1ae1a10529f5006238d690f898f87e807f258cc3843a4c62232.image.pngd5b9c2946b402af62830d145cc877fde15b234dc8ef705975ba52cf7188a8bb5.image.pngcc1391d530e28934bea30bdf605f4ad4021903b6a44bdada2068a0c389576549.image.png706fdc27b1a7812fcd1709b73b9407946118f01c16f07e04ec72f2bd914fe8ad.image.png214a9cdc51a5fb896c2a936427e6bf2eb7b440a99dac018f59e20d4a3439aebd.image.png0814745fe90d7203d2075842e616ee5423fc2af14d6976f9e0b4a8dd5046c569.image.png9d9e4bb709b97409214c0d09885aa65f93b5551b69f1ee1e4dd93706a0a1f4da.image.png9fcf0e0739f6d4737284945d3a55e04949622ab02a5e3091a91384088b1eedb1.image.png10cd4a75a80f4e795725044688d7e2eef4a59dfb8a6ad868138b07bf965955c6.image.png06d3f79b5f1a7f5805d250af3e37dfcc619469ef4082173fdc5ea8b82bb39798.image.pngd8babbb8d72d4289ec165ad22c87f9d9a2d6ed9bbad4b4b75216416934894855.image.png0cc2b592e3922d7564f50a6b00d75bbb88f537adac6578fa122d53c2c9731269.image.png

将你的页面链接到其他语言站点的翻译页面上。

切换暗色模式

作者：scutoid studios

dark_mode暗色版式light_mode亮色版式




[[/div]]

添加一个切换亮暗色的按钮。注意：该组件仅在新阈限及其衍生版式中生效。为避免带来困扰，此处的按钮仅供预览，不可点击。
[[/div]]




基础组件

fragment:components-basic



这些组件在特定情况下会被强制使用，它们在维基的运作中不可或缺。





成人内容警告

作者：Ambersight & hoah2333


rQMfFw6zhYUJnPB.png



专用于带有成人内容标签的页面。




授权信息栏

作者：Sekai_s 等








‡ 授权 / 引用






在页面末尾添加一个授权信息栏，包含引用本页面时可使用的授权信息与本页面内引用图像的授权信息。




列表

作者：Ambersight


定义维基文章列表的样式。




设定页展示组件

作者：Ambersight


定义维基设定列表的样式。




艺作展示轮播框

作者：Lambda core


定义主页艺作轮播框的样式。




月刊封面

作者：Liurd


定义月刊封面的样式。




自定义版式介绍

作者：Ambersight


自定义版式介绍与作者时用到的组件。





+* 停用组件

这些组件已经被更新的组件代替，请勿使用。








<< 指导中心 | 组件中心 | 资源中心 >>





‡ 授权 / 引用
Dependencies