组件中心

组件中心

什么是组件?

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

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

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

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

教程:添加组件

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

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

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

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

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


层级评级与分类组件

components-level

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

生存难度系统

作者:YellowISlol

生存难度:生存難度:

等级等級 0

  • {$one}
  • {$two}
  • {$three}

如何使用:

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


class 处的可用参数包括以下内容,支持简繁体及英文输入。
English 简体中文 繁體中文
0 1 2 3 4 5 0 1 2 3 4 5 0 1 2 3 4 5
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: 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]]

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

新版层级等级组件

作者:scutoid studios

LEVEL
1

生存等级生存等級
2

逃离逃離:5/5
无路可逃無路可逃

环境環境:2/5
少量环境风险少量環境風險

实体實體:0/5
无敌对实体無敵對實體

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

层级属性分类系统

作者:Meauzeek Zampona

层级属性:層級屬性:

0

  • {$one}
  • {$two}
  • {$three}

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

标签化生存难度模块

作者:GaplouelPew

tsdm.png

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

相对危险度评估系统

作者:R74

危险度:2
空间可靠度:空间-稳定
实体可靠度:实体-无
等待提供信息

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

岛屿分级组件

作者:Ambersight

孤岛岛屿
生存难度:
3
环境安全度:
稳定
实体威胁度:
交通便利度:
孤立
定居信息:
none-placeholder
资源情况:
none-placeholder
信号强度:
none-placeholder

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

其他评级与分类组件

components-other

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

Included page "fragment:components-other" does not exist (create it now)

团体与设定专用组件

components-group

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

Included page "fragment:components-group" does not exist (create it now)

附加信息组件

components-info

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

著作信息评分模块

作者:Sekai_s

credit.png

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

著作信息标题

作者:scutoid studios

组件中心

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

伪链接预览

作者:Eltrac

popup.jpg

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

懒人作者页工具

作者:W Asriel

author-page-tool.png

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

页面副标题

作者:AbytherUs

page-subtitle.png

为你的页面加上副标题。

可用的成就系统

作者:vallerback & GaplouelPew & Etinjat

{$my-title}

{$my-text}

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

人物信息

作者:SwitzerCandy

personal-details.jpg

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

个性化组件

components-custom

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

图片框

作者:Aelanna

OGLevel0.jpg

Level 0 的第一张照片。

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

更改版头标题

作者:Ambersight

title.jpg

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

展开侧边栏(Liminal)

作者:

show-sidebar.jpg

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

切换侧边栏(Liminal)

作者:Woedenaz

toggle-sidebar.png

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

跨维基模块自定义样式

作者:Sekai_s

interwiki-style.png

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

隐藏用户信息和搜索栏

作者:Mercuresphere

toggle-search-top-box.jpg

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

悬浮放大

作者:AbytherUs

OGLevel0.jpg

Level 0 的第一张照片。

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

排版工具组

作者:Eltrac

banner.png

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

附录块

作者:jan Jejasa

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

自定义折叠

作者:Super-Robot14

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

折叠脚注

作者:scutoid studios

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

评分条

作者:scutoid studios

评分: 0+x

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

明信片

作者:LemonCat233

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

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

问答块

作者:scutoid studios

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

弹窗

作者:starry_Milky Way

Screenshot_20240503_175609_edit_13454827229955.jpg

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

视差引擎

作者:scutoid studios

parallax-engine.jpg

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

画廊图片框

作者:H_W

Level 0 的第一张照片。

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

迭代时间轴

作者:Abdallah Amr

offset-timeline.png

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

渐变图片框

作者:scutoid studios

一张名为单色黄色办公隔间的照片,空旷地诡异。
Level 0的第一张摄影。

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

滚动样式块

作者:scutoid studios

强势黄的

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

悬停滚动文本块图片框

作者:AbytherUs & H_W

Level 0的一张摄影

OGLevel0.jpg

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

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

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

伪讨论串

作者:bleuboat

forum.png

在文章中添加讨论串。

功能拓展组件

components-function

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

多重折叠

作者:Boyu12

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

繁简转换

作者:hoah2333

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

可拖拽 DIV

作者:Ross Dear

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

音频

作者:

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

氛围音

作者:scutoid studios

评分: 0+x

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

轮播框 CSS 动画

作者:hoah2333

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

翻译

作者:zenzick

语言語言INT-flag.png
EN-flag.png
RU-flag.png
CN-flag.png
FR-flag.png
PT-flag.png
VN-flag.png
ES-flag.png
PL-flag.png
JP-flag.png
ID-flag.png
IT-flag.png
AND-flag.png
AR-flag.png
BIH-flag.png
CZ-flag.png
DE-flag.png
SIMPLE-flag.png
EO-flag.png
GA-flag.png
KO-flag.png
LA-flag.png
LV-flag.png
MR-flag.png
MT-flag.png
RO-flag.png
TH-flag.png
TOK-flag.png
TR-flag.png
UA-flag.png

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

切换暗色模式

作者:scutoid studios

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

基础组件

components-basic

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

成人内容警告

作者:Ambersight & hoah2333

rQMfFw6zhYUJnPB.png

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

授权信息栏

作者:Sekai_sSekai_s

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

列表

作者:Ambersight

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

设定页展示组件

作者:Ambersight

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

艺作展示轮播框

作者:Lambda Core

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

月刊封面

作者:Liurd

定义月刊封面的样式。

自定义版式介绍

作者:Ambersight

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

停用组件

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

此页可能不遵循Creative Commons Attribution-ShareAlike 3.0 License协议----The Backrooms-ZE