歡迎你的到來！不論你是誰。
這是篇能讓你輕鬆的使用，可以快速「複製貼上」多種用於SCP檔案裡的紀錄及格式資源的文章，就跟GOI中心頁裡那些獨特格式的指南一樣。
由於會有更多的格式被創造出來，這個頁面將會保持開放共編，請確保遵守以下的格式進行添加。
注意：這並不是一份完整的列表，而這些格式也不是什麼硬性規定。我們鼓勵使用者們自主的從現有的格式去發展，或是使用自己覺得最舒適的格式。
注意：CSS模組只會在頁面刷新後應用，而預覽並不會刷新整個頁面。為了看見任何於改動CSS模組後的效果，請記得儲存你的頁面。
在頁面更迭的過程中，有些格式語法被移除了，但這並不代表它們不再堪用。如果你仍想使用它們的話，你可以到 這裡 碰碰運氣。
基礎項目模板
[[>]]
[[module Rate]]
[[/>]]
**項目編號：**SCP-ZH-XXX
**項目等級：**Safe/Euclid/Keter（表明項目等級）
**特殊收容措施：**[紀錄收容程序及措施的段落]
**描述：**[項目的相關描述]
**附錄：**[相關的附加段落（非必要）]
[[footnoteblock]]
[[div class="footer-wikiwalk-nav"]]
[[=]]
<< [[[SCP-ZH-XXW]]] | SCP-ZH-XXX | [[[SCP-ZH-XXY]]] >>
[[/=]]
[[/div]]
訪談模板
> **受訪者：** [被訪問的個人，團體或項目。 ]
>
> **採訪者：** [採訪者，名稱能夠使用█掩蓋。]
>
> **前言：** [描述訪談背景的小段落]
>
> **<開始紀錄， [時間資訊]>**
>
> **受訪者：** [對話]
>
> **採訪者：**[對話]
>
> [按需求重複]
>
> **<紀錄結束，[時間資訊]>**
>
> **結語：** [對上述對話內容的小總結及記述之後發生的事]
小提示：使用「>」插入塊引號時，請確保在每次使用後添加空格 ，否則您的文本將不會顯示於引用欄內。
實驗記錄格式：
選項1
它看起來像是這樣：
| 這是測試用標題 |
|
| 測試對象 |
資料1 |
| 方案 |
資料2 |
| 結果 |
資料3 |
你可以複製：
[[table style="border-collapse:collapse; max-width: 600px;"]]
[[row]]
[[cell style="font-weight:bold;padding: .3em .7em; text-align: center; border: 1px solid black; background-color: silver; width: 20%;"]]
這是測試用標題
[[/cell]]
[[cell style="font-weight:bold; padding: .3em .7em; text-align: center; border: 1px solid black; background-color: silver;"]]
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: center; padding: .3em .7em; border: 1px solid black"]]
測試對象
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
資料1
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: center; padding: .3em .7em; border: 1px solid black"]]
方案
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
資料2
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: center; border: 1px solid black"]]
結果
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
資料3
[[/cell]]
[[/row]]
[[/table]]
選項2
它看起來像是這樣：
| 日期 |
資料 |
效果 |
註記 |
| 日期1 |
|
效果1 |
註記1 |
| 日期2 |
|
效果2 |
註記2 |
| 日期3 |
|
效果3 |
註記3 |
| 日期4 |
|
效果4 |
註記4 |
| 日期5 |
|
效果5 |
註記5 |
| 日期6 |
|
效果6 |
註記6 |
你可以複製：
[[table style="border: 1px solid silver"]]
[[row]]
[[hcell style="border: 1px solid silver"]]
日期
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
資料
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
效果
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
註記
[[/hcell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期1
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
資料1
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果1
[[/cell]]
[[cell style="border: 1px solid silver"]]
註記1
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期2
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
資料2
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果2
[[/cell]]
[[cell style="border: 1px solid silver"]]
註記2
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期3
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
資料3
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果3
[[/cell]]
[[cell style="border: 1px solid silver"]]
註記3
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期4
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
資料4
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果4
[[/cell]]
[[cell style="border: 1px solid silver"]]
註記4
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期5
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
資料5
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果5
[[/cell]]
[[cell style="border: 1px solid silver"]]
註記5
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期6
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
資料6
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果6
[[/cell]]
[[cell style="border: 1px solid silver"]]
註記6
[[/cell]]
[[/row]]
[[/table]]
選項3
它看起來像是這樣：
CLASSIFIED
實驗-XXXX
副標題
|
實驗目的：
這裡是「左側」的框架
結果:
較寬的框架
|
測試對象：
這裡是「右側」的框架
日期/地點：
較窄的框架
|
引用塊
粗體字： 文字 文字 文字 引用塊裡面的連結
↓字體大小
h1
h2
h3
h4
h5
h6
h1
h2
h3
h4
h5
h6
false
你可以複製：
小提示！ 你可以使用「登入/登出」 格式（選項1及選項2） 來取代普通的折疊頁代碼。
[[collapsible]]
[[include :scp-sandbox-3:component:classified-experiment
|experiment-title=實驗-XXXX
|sub-title=副標題
|left=實驗目的：
這裡是「左側」的框架
結果:
較寬的框架
|right=測試對象：
這裡是「右側」的框架
日期/地點：
較窄的框架
|content=
> = 引用塊
> **粗體字：** 文字 文字 文字 [https://www.google.com/ 引用塊裡面的連結]
> = ↓字體大小
> ----
> +* h1
> ++* h2
> +++* h3
> ++++* h4
> +++++* h5
> ++++++* h6
+* h1
++* h2
+++* h3
++++* h4
+++++* h5
++++++* h6
]]
[[/collapsible]]
| 屬性 |
必要性 |
允許值 |
描述 |
| experiment-title |
必要 |
文字
連結 |
標題的內容 |
| sub-title |
非必要 |
文字
連結 |
副標題的內容 |
| content |
必要 |
文字
連結 |
同時，你可以使用維基語法（像是引用塊） |
| left |
非必要 |
文字
連結 |
較寬的框架 |
| right |
非必要 |
文字
連結 |
較窄的框架 |
| warning |
非必要 |
文字 |
用來替換「ACCESS GRANTED」 |
選項4
它看起來像是這樣：
等待10秒…
SCiP NETver. β
Now loading...
文字 文字 文字
文字 文字 文字
文字 文字 文字
文字 文字 文字
文字 文字 文字
文字 文字 文字
文字 文字 文字
文字 文字 文字
文字 文字 文字
你可以複製：
[[collapsible show="+ 加載" hide="- 停止"]]
[[include :scp-sandbox-3:component:3d-logo |header=true|title=SCiP NET|num=ver. β]]
文字 文字 文字
[[include :scp-sandbox-3:component:3d-logo |footer=true]]
[[/collapsible]]
小提示！ 你可以使用「登入/登出」 格式（選項1及選項2） 來取代普通的折疊頁代碼。
音訊/影像紀錄格式
選項1
它看起來像是這樣：
探索影像紀錄副本：
日期： 選填
探索團隊： 團隊名稱 - 選填
對象： 區域/異常- 選填
隊長： 選填
團隊成員： 選填
[紀錄開始]
人員A： 對話
人員B： 對話
事件發生
人員A： 對話
[紀錄結束]
你可以複製：
[[div class="blockquote"]]
**探索影像紀錄副本：**
**日期：** 選填
**探索團隊：** 團隊名稱 - 選填
**對象：** 區域/異常- 選填
**隊長：** 選填
**團隊成員：** 選填
-----
[紀錄開始]
**人員A：** 對話
**人員B：** 對話
//事件發生//
**人員A：** 對話
[紀錄結束]
[[/div]]
選項2
它看起來像是這樣：
影像紀錄
日期：
備註：
[紀錄開始]
時間： 事件
時間： 事件
時間： 事件
[紀錄結束]
小提示！這個格式模仿了你平常在網站上所看到的引用塊（基本維基語法中的「> 」），但這個格式在配合圖片使用上更加優秀。
你可以複製：
[[div class="blockquote"]]
= **影像紀錄**
----
**日期：**
**備註：**
----
[紀錄開始]
**時間：** 事件
**時間：** 事件
**時間：** 事件
-----
[紀錄結束]
[[/div]]
選項3
這給予了更加電腦化的樣式。
它看起來像是這樣：
| 細節1
| 細節2
| 細節3
| 細節4
| 細節5
文字 文字 文字
更多文字
更多
還有更多
還有更多需要被記錄下的文字
你可以複製：
重要提醒：請把這個部分放在頁面的最上方。
[[module css]]
.footnoteref{
color: #FF5555;
}
.danke{
padding: 5px 5px 5px 15px;
margin-bottom:10px;
width: 100%;
font-family: monospace;
font-size: 1.1em; }
.agent{
background-color:#002200;
border: 3px solid #55AA55;
color: #77CC77;
}
.site{
background-color:#222200;
border: 3px solid #AAAA55;
color: #DDDD77;
}
[[/module]]
重要提醒：請把這個部分放在你想要添加這個格式的位置。
[[div class="danke agent"]]
| 細節1
| 細節2
| 細節3
| 細節4
| 細節5
文字 文字 文字
更多文字
更多
還有更多
還有更多需要被記錄下的文字
[[/div]]
小提示！將「danke agent」替換成「danke site」，會得到另外一種顏色方案（黃色的）。
選項4
[[div style="background: gray; padding: 1px 15px; border: solid 3px lightgray; margin: 10px; border-radius: 30px 15px;"]]
[[div style="background: white; padding: 1px 15px; border: solid 3px lightgray; margin: 10px; border-radius: 30px 15px;"]]
裡面要填入的東西
[[/div]]
[[/div]]
選項5
它看起來像是這樣：
還有更多！
h1
h2
h3
h4
h5
h6
文字
更多文字
更多[]
你可以複製：
重要提醒：請把這個部分放在頁面的最上方。
[[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]]
選項6
它看起來像是這樣：
你可以複製：
重要提醒：
- 請把這個部分放在頁面的最上方。
- 當你想要新增新的「錄音」時，請依照以下的格式來增加新的「選項」。
- .r3 {animation-delay: 9s;}
.r4 {animation-delay: 12s;}
[[module CSS]]
/* //// 當你想要新增新的「錄音」時，//// */
/* ////請依照以下的格式來增加新的「選項」。//// */
.r1 {animation-delay: 3s;}
.r2 {animation-delay: 6s;}
.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link
{animation-delay: calc(6s + 2s);}
.tape-record {position: relative;height: 6em;pointer-events: none;}.record {display: block;position: absolute;width: 100%;animation-name: record;animation-duration: 2.5s;opacity: 0;top: 0;text-align: center;}.tape-wrap {position: relative;background-color: rgba(244, 244, 244, 1);border: 1px dashed #999;padding: 0 1em;}.tape-anim {position: relative;background-image: url("http://unofficial-scp-sandbox-jp.wikidot.com/local--files/iroiro-workshop-8/DoxYSJAV4AET63r.png");background-size: 200px;background-position: center center;background-repeat: no-repeat;min-height: 300px;}.tape-left,.tape-right {display: block;position: absolute;margin: auto;height: 0;width: 70px;padding-bottom: 100%;background-image: url("http://unofficial-scp-sandbox-jp.wikidot.com/local--files/iroiro-workshop-8/scp_trans.png");background-size: contain;background-position: center center;background-repeat: no-repeat;pointer-events: none;}.tape-left {top: -20px;bottom: 0;left: -70px;right: 0;animation-name: spin1;animation-duration: 15s;animation-timing-function: linear;animation-fill-mode: forwards;}.tape-right {top: 0;bottom: -32px;left: 0;right: -72px;animation-name: spin1;animation-duration: 20s;animation-timing-function: linear;animation-fill-mode: forwards;}.tape-wrap .collapsible-block-unfolded-link {padding-top: 1em;}.tape-wrap .collapsible-block-folded,.tape-wrap .collapsible-block-unfolded-link {position: relative;text-align: center;}.tape-wrap .collapsible-block-link:before {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);}.tape-wrap .collapsible-block-folded .collapsible-block-link:before {content: "\f04b";}.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link:before {content: "\f1da";}.tape-wrap .collapsible-block-unfolded-link .collapsible-block-link {animation-name: g-ex;animation-duration: 1s;animation-fill-mode: forwards;visibility: hidden;opacity: 0;}.tape-wrap .collapsible-block-folded {padding-top: 1em;padding-bottom: 1em;}@keyframes g-ex {50% {visibility: visible;opacity: 0;}100% {visibility: visible;opacity: 1;}}@keyframes spin1 {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}@keyframes record {0% {opacity: 0;}25% {opacity: 1;}75% {opacity: 1;}100% {opacity: 0;}}@-moz-document url-prefix() {.tape-anim {height: 300px;}.tape-left,.tape-right {display: block;width: 70px;height: 70px;position: relative;margin: 0 auto;padding: 0 auto;}.tape-left {top: 105px;bottom: initial;left: -36px;}.tape-right {top: 60px;bottom: initial;left: 35px;}}
[[/module]]
重要提醒：
- 請把這個部分放在你想要添加這個格式的位置。
- 當你想要新增新的「錄音」時，請依照以下的格式來增加新的「選項」。
- [[span class="record r3"]]文字[[/span]]
[[span class="record r4"]]//更多文字//[[/span]]
[[div class="tape-wrap"]]
[[collapsible show="播放" hide="重新載入"]]
[[div class="tape-anim"]]
[[div class="tape-left"]]
[[/div]]
[[div class="tape-right"]]
[[/div]]
[[/div]]
[[div class="tape-record"]]
[[span class="record r1"]]//第一行//
//第二行//
//最後一行//[[/span]]
[[span class="record r2"]]//文字//
//更多文字//[[/span]]
[[/div]]
[[/collapsible]]
[[/div]]
選項7
它看起來像是這樣：
你可以複製：
重要提醒；請把這個部分放在頁面的最上方。
[[module CSS]]
#u-start, .textchange div.sitemember:nth-child(2) {display:none;}.type-wrap-wrapper {position: relative;text-align: left;}.type-wrapper {background: #555;}.typearea {color: lime; font-family: "Courier";font-size: 1.2em;margin: 10px 0 0 10px;white-space: nowrap;overflow: hidden;width: 0;}#u-start:target ~ .typearea {width: 100%;animation: type 4s steps(60, end); }.typearea a{color: lime;text-decoration: none;}.blink {animation: blink 1s infinite;}@keyframes type{ from { width: 0; } } @keyframes blink{to{opacity: .0;}}.buttonwrapper {text-align: center;}.likebutton {padding: 0.1em 0.5em;text-decoration: none;font-size: 1.3em;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}.likebutton:hover {background-color: #DDD;color: #000;border: 1px solid #0098b3;}
[[/module]]
重要提醒；請把這個部分放在你想要添加這個格式的位置。
[[div class="type-wrap-wrapper"]]
[[div class="type-wrapper"]]
[[div id="u-start"]]
[[/div]]
[[div class="typearea"]]
[[div class="textchange"]]
[[module ListUsers users="."]]
[[div class="sitemember"]]
你的wikidot ID是「%%name%%」。[[span class="blink"]]|[[/span]]
[[/div]]
[[/module]]
[[div class="sitemember"]]
我沒辦法識別你的wikidot ID。[[span class="blink"]]|[[/span]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]
[[div class="buttonwrapper"]]
[[a class="likebutton" href="#u-start"]]按我！[[/a]]
[[/div]]
[[/div]]
選項8
它看起來像是這樣：
終端機#001
------
歡迎，使用者
------
在終端機裡的連結會在游標移動到其上方時，顯現出一個「>」。
像是這樣
謝謝你查看我的格式！
你可以複製：
重要提醒：這個部分是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%;
width: 100%;
height: 60px;
position: relative;
pointer-events: none;
/* Safari 4.0 - 8.0 */
-webkit-animation: scan 12s linear 0s infinite; /* 你可能會想修改這裡，如果橫條移動的太快了，你可以加個5秒。 */
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%);} /* 根據你所要的終端機長度，你可能需要調整這裡的數值。如果掃描線走到一半就停了，請增大第二個數值。*/
}
@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%]] __終端機#001__[[/size]]
@@ @@
@@ @@
@@------@@
歡迎，使用者
@@------@@
[[/=]]
@@ @@
@@ @@
@@ @@
> 在終端機裡的連結會在游標移動到其上方時，顯現出一個「>」。
> [http://www.google.com 像是這樣]
謝謝你查看我的格式！
@@ @@
@@ @@
[[/div]]
[[/div]]
警告/公告格式
選項1
它看起來像是這樣：
來自基金會紀錄及資訊安全管理部的通知
在此填入通知內容。
— Maria Jones， RAISA主管
你可以複製：
[[div style="border:solid 1px #999999; background:#f2f2c2; padding:5px; margin-bottom: 10px;"]]
[[=]]
++++ 來自基金會紀錄及資訊安全管理部的通知
在此填入通知內容。
-- Maria Jones， RAISA主管
[[/=]]
[[/div]]
選項2
它看起來像是這樣：
警告：以下檔案為 #/XXXX 級機密
任何並未持有 #/XXXX 級權限卻試圖存取該檔案的人將會留下記錄且遭受到立即的處分。
你可以複製：
[[=]]
[[div style="background: url(http://scp-wiki.wdfiles.com/local--files/the-great-hippo/scp_trans.png) center no-repeat ; float: center; border: solid 2px #000000; padding: 1px 15px; box-shadow: 0 1px 3px rgba(0,0,0,.2);"]]
##ff5c48|[[size 150%]] **警告：以下檔案為 #/XXXX 級機密** [[/size]]##
----
[[size larger]] **任何並未持有 #/XXXX 級權限卻試圖存取該檔案的人將會留下記錄且遭受到立即的處分。**[[/size]]
[[/div]]
[[/=]]
備註：這份代碼包含著一個從別的地方引用背景圖片的連結，而它因為某些原因被移除了。如果你想要保留有著白色背景的警告訊息，那麼你不用做任何更動。但如果你想要用其它圖片來替代的話，你可以使用這個。
選項3:
它看起來像是這樣：
根據監督者議會的命令
以下檔案屬於 X/XXXX 級機密。禁止未經授權的訪問。
XXXX
你可以複製：
[[div style="background: url(http://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png) bottom center no-repeat; text-align: center; width: 600px; margin: 0 auto; font-size: 20px; padding: 0px;"]]
@@ @@
@@ @@
@@ @@
@@ @@
[[=]]
++* ##black|根據監督者議會的命令##
##black|以下檔案屬於 X/XXXX 級機密。禁止未經授權的訪問。##
[[/=]]
= **##black|XXXX##**
@@ @@
@@ @@
[[/div]]
選項4：
它看起來像是這樣：
標題
副標題
描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述
XXXX
你可以複製：
[[div class="orderwrapper"]]
[[div class="council1"]]
[[/div]]
[[div class="ordertitle"]]
+* 標題
[[/div]]
[[div class="orderdescription"]]
_
+* 副標題
描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述 描述
[[/div]]
[[div class="itemno"]]
+* XXXX
[[/div]]
[[/div]]
[[module CSS]]
.orderwrapper {position: relative;width: auto;text-align: center;}.council1 {position: relative;top: 0;bottom: 0;left: 0;right: 0;width: 295px;height: 295px;margin: auto;background-image: url( "http://kaktuskontainer.wdfiles.com/local--files/format-hell/scp_trans.png" );background-size: 295px 295px;background-repeat: no-repeat;background-position: center;}.ordertitle {position: absolute;left: 0;right: 0;top: 38px;}.ordertitle h1 {font-size: 220%;color: #555;}.orderdescription {position: absolute;left: 0;right: 0;top: 85px;width: 100%;}.orderdescription p {font-size: 90%;color: #555;}.orderdescription h1 {font-size: 120%;color: #555;}.itemno {position: absolute;left: 0;right: 0;bottom: 27px;}.itemno h1 {font-size: 170%;color: #555;}
[[/module]]
選項5：
它看起來像是這樣：
你可以複製：
替代標題格式
選項1:
它看起來像是這樣：
| 項目編號： SCP-XXXX |
4/XXXX 級 |
| 項目等級： Euclid |
機密 |
你可以複製：
[[table style="border: none; width: 100%;"]]
[[row]]
[[cell]]
[[size 125%]]**項目編號：** SCP-XXXX[[/size]]
[[/cell]]
[[cell style="text-align: right;"]]
[[size 125%]]###990000|**4/XXXX 級**##[[/size]]
[[/cell]]
[[/row]]
[[row]]
[[cell]]
[[size 125%]]**項目等級：** Euclid[[/size]]
[[/cell]]
[[cell style="text-align: right;"]]
[[size 125%]]###990000|**機密**##[[/size]]
[[/cell]]
[[/row]]
[[/table]]
----
[[div class="scp-image-block block-center" style="width:100%;"]]
[[image image.jpg style="width:100%;" link=#]]
[[div class="scp-image-caption" style="width:100%;"]]
SCP-XXXX.
[[/div]]
[[/div]]
----
備註：請將「image.jpg」替換成你所要使用的圖片的名字或連結，並請記得該圖片框會自動調整圖片寬度至適合文章的寬度。
選項2：
它看起來像是這樣：
你可以選擇需要的等級複製：
[[image https://i.imgur.com/oJkRi1x.png]](第一級)
[[image https://i.imgur.com/DAW48al.png]](第二級)
[[image https://i.imgur.com/nqGM4ru.png]](第三級)
[[image https://i.imgur.com/jcBA84a.png]](第四級)
[[image https://i.imgur.com/okicC7z.png]](第五級)
------
選項3：
它看起來像是這樣：
1/7777 LEVEL 1/7777
CLASSIFIED
|
 |
Item #: SCP-7777
Object Class: Euclid
|
2/7777-RU LEVEL 2/7777-RU
CLASSIFIED
|
 |
Объект №: SCP-7777-RU
Класс объекта: Евклид
|
3/7777-KO LEVEL 3/7777-KO
CLASSIFIED
|
 |
일련번호: SCP-7777-KO
등급: 유클리드(Euclid)
|
4/CN-7777 LEVEL 4/CN-7777
CLASSIFIED
|
 |
项目编号: SCP-CN-7777
项目等级: Euclid
|
5/7777-FR LEVEL 5/7777-FR
CLASSIFIED
|
 |
Objet # : SCP-7777-FR
Classe : Euclide
|
1/7777 LEVEL 1/7777
CLASSIFIED
|
|
Item #: SCP-7777
Object Class: Euclid
Safe
|
4/ZH-7777 LEVEL 4/ZH-7777
CLASSIFIED
|
|
項目編號：SCP-ZH-7777
項目等級：Neutralized
|
你可以複製：
[[include :scp-zh-tr:component:classified-decoration
|lv=1/2/3/4/5
|item=7777
|oc=Euclid
|lang=EN/RU/KO/CN/FR/PL/ES/TH/JP/DE/IT/UA/PTBR/ZHTR
]]
[[include :scp-zh-tr:component:classified-decoration
|lv=4
|item=7777
|oc=--Euclid--
+* Safe
|lang=EN
]]
或是你想要替換「LEVEL」跟「CLASSIFED」的文字？
[[include :scp-zh-tr:component:classified-decoration
|lv=1/2/3/4/5
|item=7777
|oc=Euclid
|lang=EN/RU/KO/CN/FR/PL/ES/TH/JP/DE/IT/UA/PTBR/ZHTR
|trans-level=<「LEVEL」在你所使用的語系中的翻譯>
|trans-classified=<「CLASSIFIED」在你所使用的語系中的翻譯>
]]
選項4：
它看起來像是這樣：
| 項目編號： SCP-XXXX |
 |
項目等級： Keter |
| 4 級 權限許可 |
威脅級別： 紅 ● |
你可以複製：
[[include :scp-zh-tr:component:aers:classification-stuff
|item=XXXX
|lvl=4
|class=Keter
|threat=紅
|threat-colour=#b01 [!-- 這是那個小圓點的顏色，如果你不確定，請直接打威脅級別顏色的英文名字就好了。 --]
]]
選項5：
它看起來像是這樣：
威脅級別： 黑
(按我！)
你可以複製：
[[a href="*/niveaux-de-menace-des-objets-scp" style="font-size: 18px; color: white; text-shadow: 1px 3px 1px rgba(0,0,0,0.3); text-decoration: none;"]]
[[span_ style="display: inline-block; width: 100%; background-color: black; text-align: center; border: 1px none #000; margin: 1px; padding-top: 8px; padding-bottom: 8px;"]]
**威脅級別：** 黑
[[/span]]
[[/a]]
備註：如果想要更改顏色，僅需簡單的在「background-color」填入 white/blue/green/yellow/orange/red/black （你所想要的顏色）。當背景顏色處於過高/低的對比時你可能需要改變文字顏色，而你可以在「color」填入 white/black （你認為誰比較合適就填誰）。
備註：這個格式最好跟其他的替代標題格式一起使用，如你所見，這是基於法文分部的威脅級別所製作的。
選項6：
它看起來像是這樣：
你可以複製：
[[include :scp-zh-tr:component:cd-ver2
|lv=6
|item=SCP-XXXX
|class=Thaumiel
|site-responsible=Site-%E2%96%88%E2%96%88
|director=N/A
|research-head=N/A
|assigned-task-force=N/A
]]
備註：|lv的值可以輸入0到6。
重要提醒：由於Edge瀏覽器的問題，這個模組僅允許輸入英文字母、數字及少量的符號。如果你想使用其它字母，請使用以下的轉換器來進行編碼！
選項7：
它看起來像是這樣：
你可以複製：
[[include :scp-zh-tr:component:svgheader
|lv=3
|threat=green
|item=XXXX
|oc=Euclid
]]
[[include :scp-zh-tr:component:svgheader
|lv=6
|threat=green
|item=XXXX
|oc=Euclid
|oc2=Thaumiel
]]
- lv：0～6（0為已解密，1～6分別對應1～6級權限）
- threat： white/blue/green/orange/red/black（分別對應 白/藍/綠/橙/紅/黑）
不可見文字
除了使用「##white|請輸入文字...##」（這種會在使用「深色主題」的瀏覽器出現破綻的手法），你應該試試看 transparent 。
試著壓著游標，把下方的方塊反白選取起來：
這段文字是透明的，但你可以透過反白來看見。
然而這段文字是白色的。
這段文字是透明的，但你可以透過反白來看見。
然而這段文字是白色的。
你可以複製：
投降聲明：這只能作用在Sigma-9上面。
它看起來像是這樣：
Your text here.
「紙本/筆記」格式
選項1：
它看起來像是這樣：
這裡是文件的主體，當你需要空一行的時候，你需要使用「 」來完成這個動作。
像是這樣。
你可以使用[[<]]、[[=]]和[[>]]來改變不同段落所對齊的位置。
你可以複製：
重要提醒： 請把這個部分放在頁面的最上方。
[[module css]]
.page {
display: block;
overflow: hidden;
font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
font-style: normal;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
background-origin: padding-box;
background-position: 0px 8px;
background-repeat: repeat;
background-size: 100% 20px;
border: 1px solid #CCC;
border-radius: 10px;
padding: 10px 10px;
margin-bottom: 10px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
}
.page p,
.page ul {
line-height: 20px;
margin: 0;
}
[[/module]]
重要提醒：請把這個部分放在你想要添加這個格式的位置。
[[div class="page"]]
這裡是文件的主體，當你需要空一行的時候，你需要使用「@@ @@」來完成這個動作。
@@ @@
像是這樣。
@@ @@
你可以使用[[<]]、[[=]]和[[>]]來改變不同段落所對齊的位置。
@@ @@
[[>]]
享受這個格式吧！
[[/>]]
[[/div]]
「登入/登出」格式
選項1：
它看起來像是這樣：
你可以複製：
重要提醒：請把這個部分放在頁面的最上方。
[[module CSS]]
.fakeprot .mailform-box .buttons{display:none;}
.fakeprot + .collapsible-block .collapsible-block-link {padding: 0.1em 0.5em;text-decoration: none;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}
.fakeprot + .collapsible-block .collapsible-block-link:hover {background-color: #DDD;color: #000;}
.fakeprot + .collapsible-block .collapsible-block-link:active {background-color: #DDD;color: #000;}
.fakeprot + .collapsible-block .collapsible-block-unfolded-link{margin:0.5em 0;text-align: center;}
.fakeprot + .collapsible-block .collapsible-block-folded{margin:0.5em 0;text-align: center;}
.fakeprot .passw input[type=text] {text-security:disc;-webkit-text-security:disc;-mox-text-security:disc;}
.mailform-box td:first-child {width: 80px;}
[[/module]]
重要提醒：請把這個部分放在你想要添加這個格式的位置。
[[div class="fakeprot"]]
[[module MailForm to="aaaa (DUMMY)" button=""]]
# name
* title: ID
* default: <你的 ID>
* type: text
* rules:
* required: true
* maxLength:10
* minLength: 100
[[/module]]
[[div class="passw"]]
[[module MailForm to="aaaa (DUMMY)" button=""]]
# affiliation
* title: 密碼
* default: ・・・・・・・・・
* rules:
* required: true
* maxLength:10
* minLength: 100
[[/module]]
[[/div]]
[[/div]]
[[collapsible show="登入" hide="登出"]]
文字
[[/collapsible]]
選項2：
它看起來像是這樣：
你可以複製：
[[html]]
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {font-family: Verdana;}
* {box-sizing: border-box;}
.input-container {
display: -ms-flexbox; /* IE10 */
display: flex;
width: 100%;
margin-bottom: 15px;
}
.input-field:focus{
border-style: solid;
transition: 0.5;
border-color: maroon;
border-width: 2px;
}
.input-field {
width: 100%;
padding: 10px;
outline: none;
transition: 0.5s;
}
.btn:focus {
outline: 0;
}
.btn {
background-color: Maroon;
color: white;
padding: 10px 20px;
border: none;
cursor: pointer;
width: 50%;
opacity: 0.9;
transition: 0.09s;
border-radius: 3px;
}
.btn:hover {
opacity: 1;
transition: 0.8s;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.7);
}
.btn:active {
transition: 0.09s;
transform: translateY(1px);
box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
}
.btn2 {
background-color: white;
border: none;
cursor: pointer;
}
p{
font-family: Helvetica;
margin-bottom: 5%;
}
</style>
</head>
<body>
<form autocomplete="off" style="max-width:450px;text-align:center;margin: auto;">
<p style="font-size:55px; font-weight: bold;">SCiPNET 登入</p>
<div class="input-container">
<input class="input-field" type="text" placeholder="用戶名稱" name="usrnm">
</div>
<div class="input-container">
<input onkeyup="if(this.value.length > 0) document.getElementById('start_button').disabled = false; else document.getElementById('start_button').disabled = true;" class="input-field" type="password" placeholder="密碼">
</div>
<button id="start_button" class="btn btn-success" onclick="window.open('這裡請替換成當你按下登入後要連結到的網址','_parent')" disabled> 登入</button>
<br></br>
<button style= "font-weight: bold;" class="btn2 btn-success"> 忘記密碼?</button>
</form>
</body>
</html>
[[/html]]
重要提醒：
- 你必須在密碼欄打上任意的文字，登入紐才會將你導向至你所設定的網址。
- 這個登入格式可以用來製作文章的前導頁，可以透過更換連結網址來導向至你的文章。
選項2-其他方案
它看起來像是這樣：
你可以複製：
連結選項：在「url」裡插入你所要連結至的頁面（或是「/ + 頁面名稱」）
[[include :scp-sandbox-3:component:login-module |url=http://www.scp-wiki.net/scp-style-resource|id=<你的 ID>|pw=<你的密碼>|disc=true|value=link]]
摺疊頁選項：在模組之中插入摺疊頁模塊
[[include :scp-sandbox-3:component:login-module |id=<你的 ID>|pw=<你的密碼>|disc=true]]
[[collapsible show="摺疊頁" hide="登出"]]
文字
[[/collapsible]]
還有其他…..?
| 屬性 |
必要性 |
允許值 |
描述 |
| id |
必要 |
文字 |
ID的值 |
| pw |
必要 |
文字 |
密碼的值 |
| url |
非必要 |
http://example.com
/pagename |
當此欄並未填寫時，連結按鈕會隱藏起來 |
| value |
非必要 |
文字 |
連結紐的值 |
| disc |
非必要 |
true |
當此欄為true時，密碼將不會被顯示出來 |
| title |
非必要 |
文字
連結 |
標題的值 |
個人化的圖像塊格式
選項1：
它看起來像是這樣：
你可以複製：
[[include :scp-sandbox-3:image-zoom name={$name}|caption={$caption}|width=300px|align=right]]
替換{$name} 成你所使用的圖片的位址。替換{$caption}你所想顯示在圖片下方的文字。而「width」和「align」的參數已經被設定為SCP檔案的標準了，但如果你想要的話還是可以更改。
選項2：
它看起來像是這樣：
你可以複製：
[[include :scp-sandbox-3:image-blur name={$name}|caption={$caption}|width=300px|align=right]]
替換{$name} 成你所使用的圖片的位址。替換{$caption}你所想顯示在圖片下方的文字。而「width」和「align」的參數已經被設定為SCP檔案的標準了，但如果你想要的話還是可以更改。
選項3：
它看起來像是這樣：
你可以複製：
[[include :scp-sandbox-3:component:image-zoom-2 name={$name}|caption={$caption}|width=300px|align=right]]
重要提醒：如果你的圖檔副檔名不是 .png或 .jpg，那麼這個格式將無法正常運作。
替換{$name} 成你所使用的圖片的位址。替換{$caption}你所想顯示在圖片下方的文字。而「width」和「align」的參數已經被設定為SCP檔案的標準了，但如果你想要的話還是可以更改。
圖片幻燈片
使用說明可以在這裡被找到。
有用的沙盒頁工具
選項1：
它看起來像是這樣：
STANDALONE BUTTONS
Hmm… you're editing this page, aren't you. I can't show you this function due to prevent accidents.This super awesome function is created by 
Boyu12!
Please reload the page if the tool doesn't be displayed.
Reference materials
About
If you have any questions, please don't hesitate to send Wikidot PMs for me(7happy7).
How to introduce this tool.
Copy the following code and paste it in your sandbox page.
看看你的右下角！
備註：如果你有在文章中添加[[toc]]，則「Table of Contents」的功能可能無法正常使用。
隱藏工具
你可以複製：
EN: [[include :scp-sandbox-3:component:usefultool-module]]
CN: [[include :scpsandboxcn:component:usefultool-module]]
KO: [[include :sandbox.scp-wiki.kr:component:usefultool-module-ko]]
JP: [[include :scp-jp-sandbox2:component:usefultool-module]]
IT: [[inculde:scpsandboxit:component:usefultool-module]]
重要提醒：請把這個部分放在頁面的最下方。
選項2：
它看起來像是這樣：
你可以複製：
[[include :smlt:7happy7:ut-ver2
|home=http://scp-sandbox-zh.wikidot.com/你的頁面名稱
]]
黑色遮蔽塊格式
選項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]]
標準字體（顯示至「秒鐘」）
[[div class="normalFontTime"]]
例子：[[iframe http://scp-sandbox-3.wikidot.com/local--code/component:todaysdate/2 width="130" scrolling="no"]]
[[/div]]
h1字體（顯示至「分鐘」）
例子：
[[iframe http://scp-sandbox-3.wikidot.com/local--code/component:todaysdate/3 width="230" height="25" scrolling="no"]]
h1字體（顯示至「秒鐘」）
例子
[[iframe http://scp-sandbox-3.wikidot.com/local--code/component:todaysdate/4 width="260" height="25" scrolling="no"]]
粗體（顯示至「分鐘」）
[[div class="normalFontTime"]]
[[iframe http://scp-sandbox-3.wikidot.com/local--code/component:todaysdate/5 width="140" height="16" scrolling="no"]]
[[/div]]
粗體（顯示至「秒鐘」）
[[div class="normalFontTime"]]
[[iframe http://scp-sandbox-3.wikidot.com/local--code/component:todaysdate/6 width="160" height="16" scrolling="no"]]
[[/div]]
如何添加到檔案裡：
重要提醒：請把這個部分放在頁面的最上方。
[[module css]]
@import url(http://scp-sandbox-3.wikidot.com/local--code/component:todaysdate/7);
[[/module]]
載入好以上的代碼後，你已經準備好了！你可以開始使用這些 iframes 了。
選項2：
它看起來像是這樣：
今天的日期是04 Oct 2023 20:13… 應該吧！
你可以複製：
[[module ListPages limit="1" category="*" order="updated_at desc"]]
> 今天的日期是%%updated_at|%Y/%m/%d%%... 應該吧！
[[/module]]
Discord聊天室格式
它看起來像是這樣：
Yo，Corvus，你在嗎？
在啊
怎麼了
@GOTO 20
新訊息
給你看張圖
你可以複製：
這裡有完整的解釋及可用的代碼。
Wikidot模組的延伸應用
ListUsers 模組
選項1（用於非Wikidot用戶的 ListUsers）：
它看起來像是這樣：
備註：如果你登入著Wikidot帳號，那模組會顯示出你的ID；如果沒登入的話，模組會顯示「訪客」。
你可以複製：
[[include :scp-zh-tr:component:listusers-1 users="."]]
##red|%%name%%##
[[include :scp-zh-tr:component:listusers-2]]
##blue|訪客##
[[include :scp-zh-tr:component:listusers-3]]
選項2（使用ListUsers作為[[include]]變數的方法)：
它看起來像是這樣：
你可以複製：
[[module ListUsers users="."]]
[[include :topia:inc-loop c=__________|p=<include-src>]]
|<value>=%%name%%
]]
[[/module]]
範例：
[[include :scp-zh-tr:component:listusers-1 users="."]]
[[include :topia:inc-loop c=__________|p=component:image-block]]
|name=http://scp-wiki.wdfiles.com/local--files/scp-3935/school.png
|align=center
|width=100%
|caption=SCP-XXXX… 而你是//%%name%%//.
]]
[[include :scp-zh-tr:component:listusers-2]]
[[include :scp-zh-tr:component:image-block
|name=http://scp-wiki.wdfiles.com/local--files/scp-3935/school.png
|align=center
|width=100%
|caption=SCP-XXXX 而… 我不知道你是誰。
]]
[[include :scp-zh-tr:component:listusers-3]]
ACS標題模板（Anomaly Classification System）
點擊這裡來瞭解這到底是怎麼一回事。
簡單的使用說明。
原作者： 
Woedenaz
它看起來像是這樣：
你可以複製：
點擊以查看完整的指南！
[[include :scp-zh-tr:component:anomaly-class-bar-source-alt
|item-number= SCP-XXXX
|clearance= #
|container-class= 2
|secondary-class= none
|secondary-icon= http://acsurlexample.com/image.svg
|disruption-class= 2
|risk-class= 3
]]
或是較早的直接翻譯版。該版本的使用方法在該頁的討論區中有記載。
電子郵件模板
它看起來像是這樣：
To：收件人
From：寄件人
主旨： Re：主旨
文字
你可以複製：
重要提醒：請把這個部分放在頁面的最上方。
[[module CSS]]
.email-example .collapsible-block-folded a.collapsible-block-link {
animation: blink 0.8s ease-in-out infinite alternate;
}
@keyframes blink {
0% { color: transparent; }
50%, 100% { color: #b01; }
}
.email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
.email-example a.collapsible-block-link {font-weight: bold;}
.tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
[[/module]]
重要提醒：請把這個部分放在你想要添加這個信件格式的位置。
[[div class="email-example"]]
[[=]]
------
[[collapsible show="訪問SCiPNET電子郵件信箱？有一（1）新訊息！" hide="Re：主旨"]]
[[<]]
[[div class="email"]]
[[div class="tofrom"]]
**To：**收件人
**From：**寄件人
**主旨：**主旨
[[/div]]
------
文字
[[/div]]
@@ @@
[[div class="email"]]
[[div class="tofrom"]]
**To：**收件人
**From：**寄件人
**主旨：** Re：主旨
[[/div]]
------
文字
[[/div]]
[[/<]]
[[/collapsible]]
[[/=]]
[[/div]]
淡出頁面文字
選項1：
它看起來像是這樣：
不要消失的頁面內文
要消失的頁面內文
不要消失的頁面內文
要消失的頁面內文
不要消失的頁面內文
你可以複製：
CSS 模組
你可以透過調整變數來客製化一些元素。
[[module css]]
@import url('http://smlt.wdfiles.com/local--code/ukwhatn%3Afadeout/1');
/*== 變數 ==*/
:root {
/* 背景顏色 (預設：white) */
--fadeout-background: white;
/* 淡出過程時間 */
--fadeout-time: 1s;
/* 裁剪版頭 (為了抹去版頭下的陰影)
如果你使用了Sigma-9（預設）以外的主題的話，請記得變更這個變數。 */
--cropped-header: url(http://smlt.wdfiles.com/local--files/ukwhatn:fadeout/header-crop.png);
}
[[/module]]
淡出的部分
只有在 fadeout-wrapper 內的元素會被抹去。
[[span class="escape"]]文字[[/span]]則不會被抹除。它可以被使用無數次，同時也沒有限制大小。
不要消失的頁面內文
[[div_ class="fadeout-wrapper"]]
要消失的頁面內文
[[span class="escape"]]不要消失的頁面內文[[/span]]
要消失的頁面內文
[[collapsible show="點擊以淡出" hide=" "]]
[[div class="cover"]]
@@@@
[[/div]]
[[/collapsible]]
[[/div]]
不要消失的頁面內文
選項2：在淡出後展示圖片
它看起來像是這樣：
你可以複製：
CSS 模組
你可以透過調整變數來客製化一些元素。
[[module css]]
@import url('http://smlt.wdfiles.com/local--code/ukwhatn%3Afadeout/1');
/*== 變數 ==*/
:root {
/* 背景顏色 (預設：white) */
--fadeout-background: white;
/* 淡出過程時間 */
--fadeout-time: 1s;
/* 圖片淡入過程時間 (選項2的) */
--img-fadein-time: 1s;
/* 圖片淡入延遲 (選項2的) */
--img-fadein-delay: 2s;
/* 裁剪版頭 (為了抹去版頭下的陰影)
如果你使用了Sigma-9（預設）以外的主題的話，請記得變更這個變數。 */
--cropped-header: url(http://smlt.wdfiles.com/local--files/ukwhatn:fadeout/header-crop.png);
}
[[/module]]
淡出的部分
只有在 fadeout-wrapper 內的元素會被抹去。
[[span class="escape"]]文字[[/span]] 則不會被抹除。它可以被使用無數次，同時也沒有限制大小。
不要消失的頁面內文
[[div_ class="fadeout-wrapper"]]
要消失的頁面內文
[[collapsible show="點擊以淡出" hide=" "]]
[[div class="cover"]]
@@ @@
[[/div]]
[[div_ class="fadein-img"]]
[[=image [圖片的URL]]]
[[/div]]
[[/collapsible]]
[[/div]]
不要消失的頁面內文
