[[>]]
[[module Rate]]
[[/>]]

**アイテム番号:** SCP-XXXX-JP

**オブジェクトクラス:** Safe/Euclid/Keter (クラスを示しましょう)

**特別収容プロトコル:** [プロトコルを説明するパラグラフ]

**説明:** [説明を説明するパラグラフ]

**補遺:** [任意に追加されるパラグラフ]

インタビューのテンプレート

> **回答者:** [インタビューを受ける個人やSCP]
> 
> **質問者:** [インタビュアー；█を使って隠すことも]
> 
> **前書:** [インタビューを描写する短い節]
> 
> **<記録開始, [任意の時間情報]>**
> 
> **質問者:** [スピーチ]
> 
> **個人:** [スピーチ]
> 
> [必要なだけ繰り返し]
> 
> **<記録終了, [任意の時間情報]>**
> 
> **後書:** [インタビュー後に分かったことについての短い要約と節]

注: >を使用して引用符を挿入する際、>のそれぞれの後に半角スペースを追加してください— そうしなければ、テキストは引用符内に表示されません。

実験ログフォーマット:

テーブルの改行

2
3

||1||2 _
3||4||

スタイリッシュテーブル

見た目:

実験の表題的な何か
被検体	ここにデータ
手順	ここにデータ
結果	ここにデータ

コピーするもの:

+ show block

音声/映像ログフォーマット:

丸型

見た目:

探索映像ログの書き起こし

日付: 任意

探索部隊: 部隊名 - 任意

対象: AREA/ANOMALY - 任意

部隊長: 任意

部隊員: 任意

[ログ開始]

A: ダイアログ

B: ダイアログ

出来事か何か

A: ダイアログ

[ログ終了]

コピーするもの:

+ show block

従来型（画像対応）

見た目:

映像記録

日付:

注記:

[記録開始]

時間: 出来事

[記録終了]

Tip! このスタイルは、よくサイトのそこらで見かける通常の引用符に似せたものです(通常のwikiフォーマットならば、"> "で行を始めます)が、これには画像がうまい具合に機能するという利点があります。

コピーするもの:

+ show block

ボックスフォーマット

レトロボックス

見た目:

| 描写
| 描写
| 描写
| 描写
| 描写

テキストテキストテキスト
もっとテキスト

もっと

もっともっと

書き終わるまでもっと

コピーするもの:

+ show block

斜めボックス

ここに何か入れる

+ show block

ブラウン管ボックス

見た目:

もっとだ！

h1

h2

h3

h4

h5

h6

テキスト
もっとテキスト

もっと[]

コピーするもの:

+ show block

– hide block

重要ページトップに書き込んでください。

[[module CSS]]
.containercontainer {position: relative;width: auto;height: auto;border: 2px solid #666;background: #141212;color: #3F3;margin-top: 1em;margin-bottom: 1em;}.containercontainer .container .overlay {background: rgba(51, 255, 51, 0.9);color: #121010;position: absolute;width: auto;height: 50px;top: 0;right: 0;bottom: 0;left: 0;margin: auto;line-height: 50px;display: inline;vertical-align: middle;text-align: center;font-family: Courier New;font-size: 30px;letter-spacing: 5px;font-weight: bolder;z-index: 3;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.overlayback {background: rgba(187, 187, 187, 0.5);z-index: 3;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: auto;height: auto;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.containercontainer .container {text-align: center;width: inherit;height: inherit;position: relative;overflow: hidden;}.containercontainer .container::after {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(21, 19, 19, 0.2);opacity: 0;z-index: 2;animation: flicker 0.15s infinite;}.containercontainer .container::before {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));z-index: 2;background-size: 100% 2px, 3px 100%;}.no-unfold {text-align: center;}.container h1,.container h2,.container h3,.container h5,.container h6 {color: #3F3;}.container hr {border-top: 1px dotted #3F3;border-bottom: none;}.container hr {border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;color: transparent;background-color: transparent;}.container hr:after {display: block;margin-top: 2px;border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;}.blinkbar {animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes flicker {0% {opacity: 0.9890; }5% {opacity: 0.5842; }10% {opacity: 0.9865; }15% {opacity: 0.0412; }20% {opacity: 0.6255; }25% {opacity: 0.3157; }30% {opacity: 0.7328; }35% {opacity: 0.4654; }40% {opacity: 0.9128; }45% {opacity: 0.2449; }50% {opacity: 0.5485; }55% {opacity: 0.6438; }60% {opacity: 0.1180; }65% {opacity: 0.9085; }70% {opacity: 0.0266; }75% {opacity: 0.6795; }80% {opacity: 0.7812; }85% {opacity: 0.0117; }90% {opacity: 0.2239; }95% {opacity: 0.8897; }100% {opacity: 0.2260; }}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
[[/module]]

重要: ボックスを表示させたい部分に書き込んでください。

[[div class="no-unfold"]]
[[div class="containercontainer"]]
[[div class="container"]]
+* [!-- この"+*"は消さないでください --]
[[span_ class="overlay"]]
もっとだ！
[[/span]]
[[div_ class="overlayback"]]
[[/div]]

+* h1
++* h2
+++* h3
++++* h4
+++++* h5
++++++* h6
テキスト
もっとテキスト

もっと[[span class="blinkbar"]][][[/span]]

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

ブラウン管ターミナル

見た目:

Terminal #001

------
Welcome, User
------

ターミナル内のリンクにマウスを重ねると、">"が表示されます。
こんな風に

私のフォーマットを御贔屓に！

コピーするもの:

+ show block

– hide block

重要: CSSモジュールです。記事の上部に書き入れてください。

[[module CSS]]

div.terminal{
    border: 1px solid black;
    border: solid 3px #BBBBBB;
    border-radius: 16px;
    background-color: #131;
/* ターミナル上部の黒い影 */
      background-image: 
        radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
      background-position: center;
      display: block;
/* ターミナル周囲の影 */
      box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
/* スキャン線の飛び出しを防ぐ */
      overflow:hidden;
}
div.terminal blockquote {

    background-color: black;

    border: double 3px #80FF80

}
div.scanline{
    margin-top: -40%;
    height: 60px;
    position: relative;
    pointer-events: none;
    -webkit-animation: scan 5s linear 0s infinite;; /* Safari 4.0 - 8.0 */
    animation: scan 12s linear 0s infinite;
    background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
}

div.text{
    color: rgba(128,255,128,0.8);
    padding-left: 2em;
    padding-top: 40%;
font-family: monospace;
font-size: 1.2em;
    }

/* Safari 4.0 - 8.0 */
@-webkit-keyframes scan{
    from{ transform: translateY(-10%);}
    to{  transform: translateY(5000%);} /* ターミナルの長さに応じて、これを変える必要があります。 */
}

div.text a {
    color: #90EE90;
    text-decoration: none;
    background: transparent;
}
div.text a.newpage {
    color: #90EE90;
    text-decoration: none;
    background: transparent;
}
div.text a:hover {
    color: #131;
    text-decoration: underline;
    background-color: #80FF80;
    padding: 1px;
}
div.text a:hover::before{
content: "> ";
}
[[/module]]

重要: ターミナル本体です。どこに入れても大丈夫です。

[[div class="terminal"]]
[[div class="scanline"]]
[[/div]]
[[div class="text"]]
[[=]]
[[size 150%]] __Terminal #001__[[/size]]
@@ @@
@@ @@
@@------@@
Welcome, User
@@------@@
[[/=]]
@@ @@
@@ @@
@@ @@
> ターミナル内のリンクにマウスを重ねると、">"が表示されます。
> [http://www.google.com こんな風に]

私のフォーマットを御贔屓に！
[[/div]]
[[/div]]

警告/通知フォーマット:

オープニング

見た目:

+ クリックしてリプレイ

コピーするもの:

+ show block

属性	必須	許容値	説明
experiment-title	yes	文章リンク	タイトルの値
sub-title	no	文章リンク	サブタイトルの値
content	yes	文章リンク	引用符などのwikidot構文も使える
left	no	文章リンク	広いフレーム
right	no	文章リンク	狭いフレーム
warning	no	文章	"アクセス承認"を変更する

ワンカラー

見た目:

財団記録・情報保安管理局より通達

ここに通知文を入れる

— RAISA管理官、マリア・ジョーンズ

コピーするもの:

+ show block

ロゴ+ボックス

見た目:

警告: 以下のファイルはレベル#/XXXX機密情報です

このファイルにレベル#/XXXX承認無しで行われるアクセス試行は記録され即時懲戒処分の対象となります。

コピーするもの:

+ show block

ロゴ1

見た目:

監督評議会命令

下記のファイルはレベルX/XXXXの機密事項に指定されています。不正なアクセスは禁じられています。

XXXX

コピーするもの:

+ show block

ロゴ2

見た目:

タイトル

サブタイトル

説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明説明

XXXX

コピーするもの:¹

+ show block

応用的なヘッダーフォーマット

オプション1

見た目:²

アイテム番号: SCP-XXXX	Level 4/XXXX
オブジェクトクラス: Euclid	Classified

SCP-XXXX.

コピーするもの:

+ show block

オプション2

見た目:

+ show block

コピーするもの:

+ show block

オプション3

見た目:

1/7777 LEVEL 1/7777

CLASSIFIED

Item #: SCP-7777

Object Class: Euclid

+ これに加え...

コピーするもの:

+ show block

オプション4

見た目:

アイテム番号: SCP-XXXX		オブジェクトクラス: Keter
Level 4 Clearance		脅威レベル: 赤 ●

コピーするもの:

+ show block

オプション5

見た目:

脅威レベル: 黒

^{(ここをクリック！)}

+ 他の色も…

コピーするもの:

+ show block

"手紙/メモ"フォーマット

オプション1³

見た目:

文書本体です。スペースを空けて段落作る場合、" "を使用する必要があります。

このように。

適切に見せるため、[[<]]や[[=]]、[[>]]を使って異なる行/段落を寄せることができます。

Enjoy.

コピーするもの:

+ show block

"ログイン/ログアウト"フォーマット

シンプル

見た目:

認証

デラックス

見た目:

SCiPNET LOGIN

name
affiliation

リンク

SCiPNET LOGIN

name
affiliation

ログイン

折りたたみ

コピーするもの:

+ show block

属性	必須	許容値	説明
id	yes	文章	IDの値
pw	yes	文章	パスワードの値
url	no	http://example.com /pagename	指定しない場合、リンクボタンは表示されない
value	no	文章	リンクボタンの名前
disc	no	true	指定する場合、パスワードが伏字になる
title	no	文章リンク	タイトル名

カスタム画像フォーマット

拡大可能

見た目:

マウスを上に置くと、画像が拡大します。

コピーするもの:

+ show block

ぼやけ

見た目:

マウスを上に置くと、画像が表示されます。

コピーするもの:

+ show block

画像切替

http://ja.scp-wiki.net/forum/t-8656983/#post-4079118

画像カルーセル

特別な意味も隠されたメッセージも無い、ただの画像。

使い方はこちらにあります⁴。

黒塗りフォーマット⁵

オプション1
見た目:
情報を黒塗りし、マウスオーバーで可視化させるフォーマットです。

コピーするもの:

[[span class="bblock"]]ここに文章[[/span]]

調整の仕方:
このコードでマウスオーバー時の文章の色を調整します。

[[module CSS]]
.bblock:hover {color: white}
[[/module]]

オプション2
見た目:
文章の方ではなく、背景の色を調整します。

コピーするもの:

[[span class="dblock"]]ここに文章[[/span]]

調整の仕方:
このコードでマウスオーバー時の背景の色を調整します。

[[module CSS]]
.dblock:hover {background: #f4f4f4}
[[/module]]

"今日の日付"フォーマット

オプション1⁶
見た目:

ノーマルフォント (分まで表示)

サンプル: 今日はです。

[[div class="normalFontTime"]]
サンプル: 今日は[[iframe http://scp-sandbox-3.wikidot.com/local--code/component:todaysdate/1 width="120" scrolling="no"]]です。
[[/div]]

+ The others...

導入方法:

+ show block

オプション2
見た目:

今日は25 Sep 2023 10:02です…多分ね！

コピーするもの:

+ show block

その他フォーマット

改稿マーカー

SCP財団丼へようこそ！

SCP財団は、Secure Contain Protectの略です。
SCP財丼は、Sugoi Chirimen Pastaの略です。

[[div class="pseudo-tags"]]
SCP財##new|団####old|丼##へようこそ！

##new|SCP財団は、Secure Contain Protectの略です。##
##old|SCP財丼は、Sugoi Chirimen Pastaの略です。##
[[/div]]

偽装タグ

euclid
scp-jp
琵琶湖
滋賀県
構文集

[[div class="pseudo-tags"]]
* euclid
* scp-jp
* 人間型
* 日本生類創研
* 植物
* 毒性
[[/div]]

押すと文章が消える構文

[[collapsible show=" " hide="+ 開く" folded="no" hideLocation="bottom"]]
（ここに内容）
[[/collapsible]]

マテリアルデザイン

[[include :sugoi-chirimenjako-pain:component:alt-css]]

斜体文字/回転文字

http://pseudo-scp-jp.wikidot.com/strange-style-test

サインイン/非サインイン時の文章表示切替

http://ja.scp-wiki.net/forum/t-1411758/wiki#post-2847595

脚注の非表示/移動

[[size 0%]][[footnoteblock]][[/size]]

[[footnoteblock title="ここにタイトル"]]

多重折り畳み

- _
+ 開く - 閉じる
- - _
  + 開く - 閉じる
  _
  
  + 開く - 閉じる

http://scp-jp-sandbox3.wikidot.com/draft:boyu12-2/colmod_limit/1

折り畳みたい箇所を下記のcoltop/colendで囲い必要に応じてパラメータを追加/変更して下さい。

[[div_ class="colmod-block"]]
[[ul]][[li class="[[#if 1 | folded | unfolded ]] [[#if 0 | colmod-collapsiblealt ]]"]][[ul]]_[[/ul]][[div class="colmod-link-top"]]
[[div_ class="foldable-list-container"]]
[# + 開く][[#if 0 |  | [# - 閉じる] ]][[/div]][[/div]][[div class="colmod-content"]]

…

[[/div]][[div [[#if true |  | class="colmod-link-end" ]] ]]
[[div_ class="foldable-list-container"]]
[[#if true |  | [# - hide block] ]][[/div]][[/div]][[/li]][[/ul]][[/div]]

- _
認証ログアウト

偽りの認証のcollapsibleを再現できます。

[[div_ class="colmod-block"]]
[[ul]][[li class="[[#if 1 | folded | unfolded ]] [[#if true | colmod-collapsiblealt ]]"]][[ul]]_[[/ul]][[div class="colmod-link-top"]]
[[div_ class="foldable-list-container"]]
[# 認証][[#if 0 |  | [# ログアウト] ]][[/div]][[/div]][[div class="colmod-content"]]

[http://ja.scp-wiki.net/esoteric-syntax#toc23 偽りの認証]のcollapsibleを再現できます。

[[/div]][[div [[#if true |  | class="colmod-link-end" ]] ]]
[[div_ class="foldable-list-container"]]
[[#if true |  | [# - hide block] ]][[/div]][[/div]][[/li]][[/ul]][[/div]]

遠隔折り畳み

この技法を応用するとcollapsibleを単なる折り畳み開閉ではなく、ボタンに応じた文章の完全な切り替えスイッチとして用いる事も可能になります。

http://shitake-crude-production.wikidot.com/remote-ctrl-collapsible

複数箇所に新たな段落を挿入

コピーするもの:

+ show block

閲覧ユーザーのアイコンを出す

[[module ListUsers users="."]]
[[image http://www.wikidot.com/avatar.php?userid=%%number%%]]
[[/module]]

Saving Page …

[[div class="owindow owait" style="width:217px;height:60px;positon:static;"]]
[[span class="content modal-body" style="display:block;text-align:center;"]]Saving Page ...[[/span]]
[[/div]]

このowindowはposition:absoluteの設定になっているので気を付けてください。
ローディングを示す四角形は.owindow.owaitの内の.contentのbackground-imageです。
後スマホで見ている方は気づくでしょうがレスポンシブの設定もされているので実際にこれを使って遊ぶにはCSSモジュールなりなんなりでなんやかんやする必要があります。

アイコンをアメリカ国旗に変えるCSS

http://ja.scp-wiki.net/forum/t-8656983/#post-4079118

[[module css]]

.menu-item img[src$="series.png"]{
     display:none;     
}
.menu-item img[src$="series.png"] ~ a:before{
     content:"";
     display:inline-block;
     position: relative;
     background:url(http://scp-jp.wdfiles.com/local--files/main/us.png) no-repeat;
     width:13px;
     height:13px;
     margin-right: 2px;
     bottom: -2px;
}
[[/module]]

背景色変更

http://ja.scp-wiki.net/forum/t-3182405/

背景に画像

文章

[[div style="color: black; font-family: Courier; background:#fffec6 url(http://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png) center no-repeat; float: center; border: solid 1px #000000; padding: 15px 15px; box-shadow: 0 1px 3px rgba(0,0,0,.2); width: 84%; margin: 4% 4% 4% 4%"]]

文章

[[/div]]

ルビにURL

エーリン・ドゥ・ニ・ホーナルEibhlín Dubh Ní Chonaill

[[a href="https://en.wikipedia.org/wiki/Eibhl%C3%ADn_Dubh_N%C3%AD_Chonaill" target="_blank"]][[span class="ruby"]]エーリン・ドゥ・ニ・ホーナル[[span class="rt"]]Eibhlín Dubh Ní Chonaill[[/span]][[/span]][[/a]]

ページコンソール