歡迎你的到來!不論你是誰。
這是篇能讓你輕鬆的使用,可以快速「複製貼上」多種用於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:
它看起來像是這樣:
你可以複製:
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:
它看起來像是這樣:
今天的日期是01 Oct 2023 18:39… 應該吧!
你可以複製:
[[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]]
不要消失的頁面內文
page revision: 53, 最後編輯於: 13 Apr 2022 15:44