これは何?
このコンポーネントは、Sekai_s氏によるSCP-CN-1109で使用されているヘッダーフォーマットにインスパイアされた分類ヘッダーです。
使用方法
[[include :scp-jp:user-component:classification-header-iti
|item-number=
|object-class=
|clearance=
]]
主要な引数: | ||
---|---|---|
引数 | データ型 | 説明 |
item-number | 文字列 | アイテム番号を記入します。 |
object-class | 文字列 | オブジェクトクラスを記入します。 |
clearance | 0 ~ 6 | クリアランスを設定します。 |
任意の引数: | ||
引数 | データ型 | 説明 |
hralt | true (1) / false (0) | このコンポーネントの直後に置かれた水平線のデザインを変更します。 |
lang | EN, RU, KO, CN, FR, PL, ES, TH, JP, DE, IT, UA, PT, CS, ZH-TR, VN | 言語を選択します。初期値はJPです。 |
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]]
変数 | データ型 | 説明 |
---|---|---|
level0 | RGB値 | 全体の文字色とクリアランスバーの背景色を指定します。 初期値は█51,51,51です。 |
level5 | RGB値 | レベル5のクリアランスバーの背景色を指定します。 初期値は█187,0,17です。 |
level6 | RGB値 | レベル6のクリアランスバーの背景色を指定します。 初期値は█255,0,17です。 |
-
- _
アイテム番号: AO-XXXXオブジェクトクラス: Anomalousレベル1/XXXXUnrestricted-
- _
[[include :scp-jp:user-component:classification-header-iti
|item-category= AO // "SCP"を"AO"に変えます
|item-number= XXXX
|object-class= Anomalous
|clearance= 1
]]
アイテム番号: SCP-XXXX収容クラス: Safeレベル2/XXXXRestricted-
- _
[[include :scp-jp:user-component:classification-header-iti
|item-number= XXXX
|object-class-title= 収容クラス // "オブジェクトクラス"を収容クラス"に変えます
|object-class= Safe
|clearance= 2
]]
アイテム番号: URA-XXXXオブジェクトクラス: Pendingレベル3/XXXXConfidential-
- _
[[include :scp-jp:user-component:classification-header-iti
|item-name= URA-XXXX // アイテム名を直接記入します
|item-number= XXXX // item-nameを指定するときでも、item-numberの指定は必要です1
|object-class= Pending
|clearance= 3
]]
アイテム番号: 未定義オブジェクトクラス: Euclidレベル4Secret-
- _
[[include :scp-jp:user-component:classification-header-iti
|item-name= 未定義 // アイテム名を直接記入します
|object-class= Euclid
|clearance= 4
|clearance-text= レベル4 // clearance-textを手動入力する場合は、item-numberの指定は必須ではなくなります
]]
アイテム番号: SCP-XXXXオブジェクトクラス: Keterレベル5/XXXXTop-Secret-
- _
[[include :scp-jp:user-component:classification-header-iti
|item-number= XXXX
|object-class= Keter
|clearance= 5 // クリアランスバーが赤くなります
]]
アイテム番号: SCP-XXXXオブジェクトクラス: Thaumielレベル6/XXXXCOSMIC Top-Secret-
- _
[[include :scp-jp:user-component:classification-header-iti
|item-number= XXXX
|object-class= Thaumiel
|clearance= 6 // クリアランスバーがさらに赤くなります
]]
アイテム番号: SCP-XXXXオブジェクトクラス: Explainedレベル0/XXXXDeclassified-
- _
[[include :scp-jp:user-component:classification-header-iti
|item-number= XXXX
|object-class= Explained
|clearance= 0 // クリアランスバーが点線になります
]]
-
- _
アイテム番号: SCP-XXXXオブジェクトクラス: Ticonderogaレベル3/XXXXClassified
-
- _
[[include :scp-jp: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]]
ダークテーマサンプル:
アイテム番号: SCP-XXXXオブジェクトクラス: Apollyonレベル6/XXXXClassified
-
- _
[[include :scp-jp: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]]