旧版全自定义层级等级组件

+* 这是什么？
这是旧版全自定义层级等级组件，是为了解决旧版层级等级组件的样式问题（如难以自定义边框颜色、文字颜色和字体、列表行高等）而诞生的高自由度组件。该组件由 CutTheBirch 制作并存放于后室英文维基沙盒站，后分别由 Cambrian White 和 Ambersight 两次翻译为中文版本并搬运至后室中文维基沙盒站。相关页面如下表所示：

创建者	组件后端页面	组件页面
CutTheBirch	`:backrooms-sandbox-2:component:custom-class-2`	`:backrooms-sandbox-2:component:custom-class`
Cambrian White	`:backroomssandboxcn:cambrian-white-2`	`:backroomssandboxcn:cambrian-white-3`
Ambersight	`:backroomssandboxcn:custom-class`	`:backroomssandboxcn:custom-class-2`

考虑到目前中文维基网站内仍有多个页面正在使用该组件，为方便管理和维护，由 Lupus Caeruleus 将该组件搬运至站内，并对默认参数进行了优化。本说明页面亦由 Lupus Caeruleus 编写，页面布局和样式则参考了 hoah2333 的设计。

+* 使用方法
如需使用本组件，请在你所需的地方插入以下代码：

该组件完整的参数列表如下所示。你需要填入所有未标记为“（可选）”的参数，缺少参数将会导致组件无法正常运作。

小贴士：和标准的层级等级组件不同，旧版全自定义层级等级组件并没有自动转换简繁体的功能，也没有根据等级名称自动显示三行描述文字和图标的功能。也就是说，所有文字相关的内容和图片链接必须由你手动输入。


`title` _

（可选）

首行文字 _

以大号字体显示在组件上方矩形框内的首行。 _
若留空则默认为 生存难度：。

class 等级名称 _

显示在组件上方矩形框内的第二行，通常用来表示生存难度等级的名称。

display _

（可选）

等级名称及左侧的文字 _

显示在组件上方矩形框内的第二行，包括等级名称及其左侧的文字。填写的内容将会覆盖等级名称即 class。 _
若留空则默认为 等级 （即显示为“等级”二字后接一个空格再接等级名称）。

color _

（可选）

背景颜色 _

组件图形部分的背景颜色。格式为六位十六进制 RGB 代码，或其他 CSS color 类属性所接受的格式。 _
若留空则默认为 FFC90E（黄色 █）。

border _

（可选）

边框颜色 _

组件图形部分的边框颜色。格式为六位十六进制 RGB 代码，或其他 CSS color 类属性所接受的格式。 _
若留空则默认为 581A19（旧版深红色 █）。

list-color _

（可选）

三行描述文字的颜色 _

包括行首菱形的颜色。格式为六位十六进制 RGB 代码，或其他 CSS color 类属性所接受的格式。 _
若留空则默认为 581A19（旧版深红色 █）。

text-color _

（可选）

上方框内文字的颜色 _

即 title、class、display 三者的颜色。格式为六位十六进制 RGB 代码，或其他 CSS color 类属性所接受的格式。 _
若留空则默认为 FFFFFF（白色 █）。

title-font _

（可选）

首行文字的字体 _

即 title 所使用的字体。格式为 CSS font 类属性所接受的格式。 _
若留空则默认为 bold 2.14rem Poppins, Noto Sans SC, Noto Serif SC。

class-font _

（可选）

等级名称的字体 _

即 class 和 display 所使用的字体。格式为 CSS font 类属性所接受的格式。 _
若留空则默认为 500 italic 1.5rem Poppins, Noto Sans SC, Noto Serif SC。

list-font _

（可选）

三行描述文字的字体 _

格式为 CSS font 类属性所接受的格式。 _
若留空则默认为 bold 1.5rem Poppins, Noto Sans SC, Noto Serif SC。

line-height _

（可选）

三行描述文字的行高 _

格式为 CSS 可接受的长度格式。 _
若留空则默认为 1rem。

image _

（可选）

右侧菱形中的图片 _

填写图片的链接。 _
若留空则默认为 none，即无图片。

image-size _

（可选）

右侧菱形中图片的缩放比率 _

新增参数，以解决图片的尺寸问题。格式为 CSS background-size 类属性所接受的格式。 _
若留空则默认为 95%，即将原图缩小至 95%。若使用来自标准层级等级组件的图片，则推荐将本参数设置为 78%。

`one`	第一行描述文字
`two`	第二行描述文字
`three`	第三行描述文字

+* 示例
Level C-2 中的旧版全自定义层级等级组件及其代码：

生存难度：

等级 Ψ

不安全
不稳定
精神危害

[[include :backrooms-wiki-cn:component:alt-custom-class
|class####var(--c-keyword)|=Ψ
|display####var(--c-keyword)|=等级 **//Ψ//**
|color####var(--c-keyword)|=F2CEFE
|border####var(--c-keyword)|=8A3D9E
|list-color####var(--c-keyword)|=8A3D9E
|image####var(--c-keyword)|=http://backrooms-sandbox-2.wdfiles.com/local--files/the-mfing-swag-ass-collection/classpsi.png
|one####var(--c-keyword)|=不安全
|two####var(--c-keyword)|=不稳定
|three####var(--c-keyword)|=精神危害
]]

Level 158 中的旧版全自定义层级等级组件及其代码：

生存难度：

凶恶

和平相处
实现凶狠计分
准备感受冲击

Dependencies

The Backrooms中文维基

你曾经来过这里