iti组件 -参考

[[div class="classification-header clearance3

[[#if true

| hralt | ]]"]]

{$item-number-title}
:
iti组件

{$object-class-title}
:
Component







{$clearance-text}

Classified


[[/div]]

这是什么?

此组件是受Sekai_sSekai_sSCP-CN-1109中使用的标头格式启发所制作的分类组件。

使用方法

[[include :scp-wiki-cn:user-component:classification-header-iti
|item-number=
|object-class=
|clearance=
]]

主要参数:
参数数据类型说明
item-number字符串输入项目编号。
object-class字符串输入项目等级。
clearance0 ~ 6设置间隙。
任意参数:
参数数据类型说明
hralttrue (1) / false (0)更改组件下面的分割线设计。
langEN, RU, KO, CN, FR, PL, ES, TH, JP, DE, IT, UA, PT, CS, ZH-TR, VN选择语言,默认为CN
item-number-title字符串更改项目编号的标记。
item-category修改项目编号类型,默认为SCP。AO与PoI均可以使用。
item-name更改整个项目名称。item-category可能更易理解
object-class-title更改收容等级的表现方式。
clearance-title更改“等级”的标记。语言切换参数,可能不常用。
clearance-text更改等级
restriction更改右下的机密分级标记

CSS参数:

[[module CSS]]
:root {
    --level0:
    --level5:
    --level6:
}
[[/module]]

参数数据类型说明
level0RGB指定整个字符颜色和安全等级栏的背景颜色。
初始值51,51,51です。
level5RGB指定五级权限与安全等级栏的背景颜色。
初始值187,0,17
level6RGB指定六级权限与安全等级栏的背景颜色。
初始值255,0,17

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:coltop-deep)

[[div class="classification-header clearance1

[[#if {$hralt}
| hralt | ]]"]]

{$item-number-title}
:
{$item-name}

{$object-class-title}
:
Anomalous







{$clearance-text}

{$restriction}

[[/div]]

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:coltop-deep)

[[include :scp-wiki-cn:user-component:classification-header-iti
|item-category= AO // 将“SCP”改为“AO”
|item-number= XXXX
|object-class= Anomalous
|clearance= 1
]]

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:colend-deep)


[[div class="classification-header clearance2

[[#if {$hralt}
| hralt | ]]"]]

{$item-number-title}
:
{$item-name}

**收容等级
:** Safe







{$clearance-text}

{$restriction}

[[/div]]

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:coltop-deep)

[[include :scp-wiki-cn:user-component:classification-header-iti
|item-number= XXXX
|object-class-title= 收容等级 ##comment|// "更改object-class内的收容等级标题
|object-class= Safe
|clearance= 2
]]

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:colend-deep)


[[div class="classification-header clearance3

[[#if {$hralt}
| hralt | ]]"]]

{$item-number-title}
:
 URA-XXXX

{$object-class-title}
:
Pending







{$clearance-text}

{$restriction}

[[/div]]

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:coltop-deep)

[[include :scp-wiki-cn:user-component:classification-header-iti
|item-name= URA-XXXX // 直接输入项目名
|item-number= XXXX   // 即使指定了item-name、item-number也是必填的1
|object-class= Pending
|clearance= 3
]]

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:colend-deep)


[[div class="classification-header clearance4

[[#if {$hralt}
| hralt | ]]"]]

{$item-number-title}
:
 未定义

{$object-class-title}
:
Euclid







等级4

{$restriction}

[[/div]]

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:coltop-deep)

[[include :scp-wiki-cn:user-component:classification-header-iti
|item-name= 未定义 // 直接输入项目名称
|object-class= Euclid
|clearance= 4
|clearance-text= 等级4 // 手动输入clearance-text时,不需要指定item-number
]]

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:colend-deep)


[[div class="classification-header clearance5

[[#if {$hralt}
| hralt | ]]"]]

{$item-number-title}
:
{$item-name}

{$object-class-title}
:
Keter







{$clearance-text}

{$restriction}

[[/div]]

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:coltop-deep)

[[include :scp-wiki-cn:user-component:classification-header-iti
|item-number= XXXX
|object-class= Keter
|clearance= 5 // 安全等级栏变红
]]

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:colend-deep)


[[div class="classification-header clearance6

[[#if {$hralt}
| hralt | ]]"]]

{$item-number-title}
:
{$item-name}

{$object-class-title}
:
Thaumiel







{$clearance-text}

{$restriction}

[[/div]]

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:coltop-deep)

[[include :scp-wiki-cn:user-component:classification-header-iti
|item-number= XXXX
|object-class= Thaumiel
|clearance= 6 // 安全等级栏变红程度加深
]]

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:colend-deep)


[[div class="classification-header clearance0

[[#if {$hralt}
| hralt | ]]"]]

{$item-number-title}
:
{$item-name}

{$object-class-title}
:
Explained







{$clearance-text}

{$restriction}

[[/div]]

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:coltop-deep)

[[include :scp-wiki-cn:user-component:classification-header-iti
|item-number= XXXX
|object-class= Explained
|clearance= 0 // 安全等级栏变虚线
]]

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:colend-deep)


WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:colend-deep)

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:coltop-deep)

[[div class="classification-header clearance3

[[#if true

| hralt | ]]"]]

{$item-number-title}
:
{$item-name}

{$object-class-title}
:
Ticonderoga







{$clearance-text}

Classified


WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:coltop-deep)

[[include :scp-wiki-cn:user-component:classification-header-iti
|item-number= XXXX
|object-class= Ticonderoga
|clearance= 3
|restriction= Classified
|hralt= true // 更改同级元素水平线的外观。
]]
---- // 改变了水平线外观。

[[module CSS]]
.classification-header .right-box { // 将分类标题右侧的字符设置为棕色粗体2
    --level0: 102,51,51;
    font-weight: bold;
}
@media (min-width: 580px) and (max-width: 766px), (min-width: 840px) {
@@    @@.classification-header { // 当屏幕宽度超过一定时,文字大小稍微增加
        font-size: 1.25em;
    }
}
[[/module]]

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:colend-deep)

[[/div]]

Darktheme样本:

[[div class="classification-header clearance6

[[#if true

| hralt | ]]"]]

{$item-number-title}
:
{$item-name}

{$object-class-title}
:
Apollyon







{$clearance-text}

Classified


WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:coltop-deep)

[[include :scp-wiki-cn:user-component:classification-header-iti
|item-number= XXXX
|object-class= Apollyon
|clearance= 6
|restriction= Classified // 对于"COSMIC Top-Secret"来说,会不会有点太长了?
|hralt= true
]]
----

[[module CSS]]
:root {
    --level0: 255, 255, 255;
}
.classification-header .right-box {
    --level0: 221, 0, 0;
    --level5: 221, 0, 0;
    --level6: 221, 0, 0;
    font-weight: bold;
}
@media (min-width: 580px) and (max-width: 766px), (min-width: 840px) {
@@    @@.classification-header {
        font-size: 1.25em;
    }
}
[[/module]]

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:colend-deep)

[[/div]]

WikiJump include 未展开: 跨站引用未启用(:scp-jp:component:colend-deep)

Footnotes
  1. 1.用于clearance-text。
  2. 2.通过与评分模块颜色统一,可以实现协调的设计。
页面版本:⁨0⁩, 最后编辑于: ⁨2025/1/1 10:53:32⁩ (⁨⁨623⁩ 日前⁩), 现时评分: 2