你好,欢迎!
这是一篇“轻松使用”,提供日志和格式的“复制粘贴”资源以供你的SCP文档选用,如同相关组织写作指导中提供他们各自的格式一样。如果你在寻找基础Wikidot语法的话,看一看维基语法。要了解更高级的编码,看看高级格式指导。
为了增加更多格式素材,本页面会开放合作。请务必遵循这里的演示格式。
注意:这并不是一个完整的列表,这些模版也不必完全遵守。我们鼓励用户扩展以及试验他们认为最适合的格式。
注意:CSS模块仅在页面刷新后才会应用。预览页面并不会刷新页面。要查看任何对CSS模块修改的效果,你必须保存页面。
基本文档样版
[[>]]
[[module Rate]]
[[/>]]
**项目编号:**SCP-CN-XXXX
**项目等级:**Safe/Euclid/Keter(表明分级)
**特殊收容措施:**[说明收容措施的段落]
**描述:**[描述SCP的段落]
**附录:**[可选的附加段落]
访谈样版
> **受访者:**[被采访的人、人们或SCP]
>
> **采访者:**[采访者,可以用黑条(█)遮挡]
>
> **前言:**[简短描述访谈的段落]
>
> **<记录开始,[时间信息(可选)]>**
>
> **采访者:**[对话]
>
> **人员:**[对话]
>
> [需要时重复]
>
> **<记录结束,[时间信息(可选)]>**
>
> **结语:**[小结,以及讲述之后发生的事情]
注意:使用“>”符号插入引用方块时,每个“>”之后都必须添加一个空格,否则无法显示为连续的引用方块。
实验日志格式:
选项1
它是什么样的:
实验标题 |
|
对象 |
数据在此 |
协议 |
数据在此 |
结果 |
数据在此 |
复制这些:
[[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;"]]
数据在此
[[/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;"]]
数据在此
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: center; border: 1px solid black"]]
结果
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
数据在此
[[/cell]]
[[/row]]
[[/table]]
选项2
它是什么样的:
日期 |
数据 |
效果 |
笔记 |
日期 |
|
效果 |
笔记 |
日期 |
|
效果 |
笔记 |
日期 |
|
效果 |
笔记 |
日期 |
|
效果 |
笔记 |
日期 |
|
效果 |
笔记 |
日期 |
|
效果 |
笔记 |
复制这些:
[[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"]]
日期
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
数据
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果
[[/cell]]
[[cell style="border: 1px solid silver"]]
笔记
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
数据
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果
[[/cell]]
[[cell style="border: 1px solid silver"]]
笔记
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
数据
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果
[[/cell]]
[[cell style="border: 1px solid silver"]]
笔记
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
数据
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果
[[/cell]]
[[cell style="border: 1px solid silver"]]
笔记
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
数据
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果
[[/cell]]
[[cell style="border: 1px solid silver"]]
笔记
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
日期
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
数据
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
效果
[[/cell]]
[[cell style="border: 1px solid silver"]]
笔记
[[/cell]]
[[/row]]
[[/table]]
选项3
它是什么样的:
机密
实验-XXXX
副标题
实验目的:
此处为“左侧”栏
结果:
较宽栏
|
对象:
此处为“右侧”栏
日期/地点:
较窄栏
|
引用块
加粗:文字文字文字引用块内链接
↓标题
h1
h2
h3
h4
h5
h6
h1
h2
h3
h4
h5
h6
false
复制这些:
提示!你可以使用“登入/登出”格式(选项1,选项2-更多选择)来代替基础折叠块。
[[collapsible]]
[[include :scpsandboxcn:component:classified-experiment
|experiment-title=实验-XXXX
|sub-title=副标题
|left=实验目的:
此处为“左侧”栏
结果:
较宽栏
|right=对象:
此处为“右侧”栏
日期/地点:
较窄栏
|content=> = 引用块
> **加粗:**文字文字文字[https://www.baidu.com/ 引用块内链接]
> = ↓标题
> ----
> +* h1
> ++* h2
> +++* h3
> ++++* h4
> +++++* h5
> ++++++* h6
+* h1
++* h2
+++* h3
++++* h4
+++++* h5
++++++* h6
]]
[[/collapsible]]
参数 |
是否必填 |
允许的值 |
描述 |
experiment-title |
是 |
文字
链接 |
标题文字 |
sub-title |
否 |
文字
链接 |
副标题文字 |
content |
是 |
文字
链接 |
你也可以使用wikidot语法(如引用块) |
left |
否 |
文字
链接 |
较宽栏 |
right |
否 |
文字
链接 |
较窄栏 |
warning |
否 |
文字 |
改变“允许访问”的文字 |
选项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
它是什么样的:
视频记录
日期:
笔记:
[记录开始]
时间:事件
时间:事件
时间:事件
[记录结束]
提示!这个样式模仿了站内常见的引用方块(基础维基语法,以“> ”开头),但能够更好地与插图一起使用。
复制这些:
[[div class="blockquote"]]
= **视频记录**
----
**日期:**
**笔记:**
----
[记录开始]
**时间:**事件
**时间:**事件
**时间:**事件
-----
[记录结束]
[[/div]]
选项2
它是什么样的:
视频日志记录
日期:可选
探索队伍:队伍名称 - 可选
目标:区域/异常 - 可选
领队:可选
小队成员:可选
[记录开始]
人物A:对白
人物B:对白
事件发生
人物A:对白
[记录结束]
复制这些:
[[div class="blockquote" style="border-radius: 10px; margin: 10px"]]
**视频日志记录**
**日期:**可选
**探索队伍:**队伍名称 - 可选
**目标:**区域/异常 - 可选
**领队:**可选
**小队成员:**可选
-----
[记录开始]
**人物A:**对白
**人物B:**对白
//事件发生//
**人物A:**对白
[记录结束]
[[/div]]
选项3
用于更电脑化的样式
它是什么样的:
| 细节
| 细节
| 细节
| 细节
| 细节
文字 文字 文字
更多文字
更多
以及更多
甚至还有更多要记录的文字
复制这些:
重要:这部分应置于页面顶端。
[[module css]]
.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"]]
| 细节
| 细节
| 细节
| 细节
| 细节
文字 文字 文字
更多文字
更多
以及更多
甚至还有更多要记录的文字
[[/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账号是“%%name%%”。[[span class="blink"]]|[[/span]]
[[/div]]
[[/module]]
[[div class="sitemember"]]
我无法识别你的Wikidot账号。[[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.baidu.com 就像这样]
谢谢你查看我的格式!
@@ @@
@@ @@
[[/div]]
[[/div]]
警告/提示格式:
选项1
它是什么样的:
基金会记录与信息安全管理部的通知
通知在此
— Maria Jones,RAISA主管
复制这些:
[[div style="border:solid 1px #999999; background:#f2f2c2; padding:5px; margin-bottom: 10px;"]]
[[=]]
[[size larger]] **基金会记录与信息安全管理部的通知** [[/size]]
通知在此
-- 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 #000; 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 http://scp-wiki.wikidot.com/local--files/scp-style-resource/header1/2/3/4/5.png]] (指定图片)
------
选项3:
它是什么样的:
1/7777 级 1/7777
机密
|
|
项目编号: SCP-7777
项目等级: Euclid
|
1/7777 级 1/7777
机密
|
|
项目编号: SCP-7777
项目等级: Euclid
Safe
|
复制这些:
[[include :scp-wiki:component:classified-decoration
|lv=1/2/3/4/5
|item=7777
|oc=Euclid
|lang=CN
|trans-level=级
|trans-classified=机密
]]
[[include :scp-wiki:component:classified-decoration
|lv=1
|item=7777
|oc=--Euclid--
+* Safe
|lang=CN
|trans-level=级
|trans-classified=机密
]]
选项4:
它是什么样的:
Item #: SCP-XXXX |
|
Object Class: Keter |
Level 4 Clearance |
Threat Level: Red ● |
复制这些:
[[include :smlt:component:aers:classification-stuff
|item=XXXX
|lvl=4
|class=Keter
|threat=Red
|threat-colour=#b01 [!-- 这是小圆点的颜色。如果你不确定的话,可以把它和威胁等级(threat)写成一样的。 --]
]]
选项5:
它是什么样的:
威胁等级:黑色
(点我!)
复制这些:
[[a href="*http://scp-wiki-cn.wikidot.com/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 :scpsandboxcn: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 :scpsandboxcn:svgheader1
|lv=3
|threat=绿
|item=XXXX
|oc=Euclid
]]
[[include :scpsandboxcn:svgheader1
|lv=6
|threat=绿
|item=XXXX
|oc=Euclid
|oc2=Thaumiel
]]
- lv:0 - 6
- threat:白/蓝/绿/黄/橙/红/黑
threat:white/blue/green/yellow/orange/red/black
透明文字
“##white|文字……##”会在深色模式的浏览器中显现出来,因此你应该使用透明文字。
试试选中下面的方框:
这行文字是透明的,但可以在选中时显示。
这行文字则是白色的。
这行文字是透明的,但可以在选中时显示。
这行文字则是白色的。
它是什么样的:
你的文字
复制这些:
免责声明:透明文字只在Sigma-9中工作。
“便签纸”格式
选项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://scp-wiki-cn.wikidot.com/scp-style-resource|id=<你的ID>|pw=<你的密码>|disc=true|value=链接]]
折叠选项:将要显示的文字写到折叠块中
[[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 |
当不为空时,密码将不会被显示 |
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文档格式,但它们同样可以被修改。
图片幻灯片
引用的页面 “cqb:carousel” 尚不存在(立即创建)
使用说明可见这里。
实用沙盒工具
选项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]]
重要:这部分应置于页面底端。
选项2
它是什么样的:
复制这些:
[[include :smlt:7happy7:ut-ver2
|home=你的沙盒主页地址
]]
黑条格式
选项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]]
导入了以上代码后,你就准备好了!现在你可以使用iframe了。
选项2
它是什么样的:
今天是25 Jul 2024 13:49……也许吧!
复制这些:
[[module ListPages limit="1" category="*" order="updated_at desc"]]
> 今天是%%updated_at|%Y/%m/%d%%……也许吧!
[[/module]]
Discord聊天格式
选项1:
它是什么样的:
唷,Corvus,在吗?
在
咋啦
@GOTO 20
新消息
这是一张图片
复制这些:
代码及完整说明可见这里。
选项2:
它是什么样的:
…..⇒ . @Rainer's a soft boi 进入了竞技场!
A-paul-yon 今天 上午12:00
唷,@Rainer's a soft boi
看看这个。
Rainer's a soft boi 今天 上午12:00
那挺酷的,但考虑下这个:
复制这些:
重要:这是CSS模块。它应该置于页面顶端。
[[module CSS]]
.discord-nagi {display:block; background:#363940; color: #DADBDC; padding: 5px 10px 5px 10px;}
.quote {background-color: #2F3136;border: solid 3px #2B2C31;border-radius: 10px;color: #7C8C8E; padding: 0px 5px 0px 5px; width: 85%; margin: 0px 0px 5px; font-size: 110%}
.highlight {background-color: black; color: white; font-family:monospace; font-size: 125%}
.user1 {font-weight: bold;color: #c0e3ea}
.user2 {font-weight: bold;color: #ff0066}
.tag {color: #7289DA}
[[/module]]
这是聊天本身的代码。把它放在文章中需要它的地方。
[[div class="discord-nagi"]]
[[size 110%]]##363940|.....##[[/size]][[size 200%]]##lightgreen|⇒##[[/size]] [[size 125%]]##363940|.## ##7289DA|@Rainer's a soft boi## 进入了竞技场![[/size]]
------
[[span class="user1"]]A-paul-yon[[/span]] [[size 75%]]##5B5E63|今天 上午12:00##[[/size]]
唷,[[span class="tag"]]@Rainer's a soft boi[[/span]]
[[span class="highlight"]]看看这个。[[/span]]
------
[[span class="user2"]]Rainer's a soft boi[[/span]] [[size 75%]]##5B5E63|今天 上午12:00##[[/size]]
那挺酷的,但考虑下这个:
[[div class="quote"]]
资本主义下没有道德消费。
[[/div]]
[[/div]]
选项3:
哇,这真的和原版亮色模式一样糟糕。
它是什么样的:
…..⇒ . @Rainer's a soft boi 进入了竞技场!
A-paul-yon 今天 上午12:00
唷,@Rainer's a soft boi
看看这个。
Rainer's a soft boi 今天 上午12:00
那挺酷的,但考虑下这个:
复制这些:
重要:这是CSS模块。它应该置于页面顶端。
[[module CSS]]
.light {display:block; background:#FFFFFF; color: #DADBDC; padding: 5px 10px 5px 10px; border: solid 1px black}
.lightquote {color: #839496; background-color: #F8F9F9;border: solid 3px #EBEDEF;border-radius: 10px; padding: 0px 5px 0px 5px; width: 85%; margin: 0px 0px 5px; font-size: 110%}
.lighthighlight {background-color: #F8F9F9; color: #939BA6; font-family:monospace; font-size: 125%}
.user1 {font-weight: bold;color: #c0e3ea}
.user2 {font-weight: bold;color: #ff0066}
.tag {color: #7289DA}
[[/module]]
这是聊天本身的代码。把它放在文章中需要它的地方。
[[div class="light"]]
[[size 110%]]##white|.....##[[/size]][[size 200%]]##lightgreen|⇒##[[/size]] [[size 125%]]##white|.## ##7289DA|@Rainer's a soft boi## 进入了竞技场![[/size]]
------
[[span class="user1"]]A-paul-yon[[/span]] [[size 75%]]##5B5E63|今天 上午12:00##[[/size]]
唷,[[span class="tag"]]@Rainer's a soft boi[[/span]]
[[span class="lighthighlight"]]看看这个。[[/span]]
------
[[span class="user2"]]Rainer's a soft boi[[/span]] [[size 75%]]##5B5E63|今天 上午12:00##[[/size]]
那挺酷的,但考虑下这个:
[[div class="lightquote"]]
资本主义下没有道德消费。
[[/div]]
[[/div]]
Wikidot模块延展
ListUsers模块
选项1(为非Wikidot用户准备的ListUsers模块):
它是什么样的:
注意:如果你是wikidot用户,这个模块会显示你的ID;如果不是,它就会显示“游客”。
复制这些:
[[include :topia:listusers-1 users="."]]
##red|%%name%%##
[[include :topia:listusers-2]]
##blue|游客##
[[include :topia:listusers-3]]
选项2(包含ListUsers的变量的[[include]]方法):
它是什么样的:
复制这些:
[[module ListUsers users="."]]
[[include :topia:inc-loop c=__________|p=<include来源>]]
|<value>=%%name%%
]]
[[/module]]
例子:
[[include :topia: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 :topia:listusers-2]]
[[include component:image-block
|name=http://scp-wiki.wdfiles.com/local--files/scp-3935/school.png
|align=center
|width=100%
|caption=SCP-XXXX而且……我不知道你是谁。
]]
[[include :topia:listusers-3]]
ACS版头(Anomaly Classification System, 异常分类系统)
点击这里来看看这是干什么的。
原作者:Woedenaz
它是什么样的:
复制这些:
完整说明请点击这里。
[[include :scp-wiki-cn:component:anomaly-class-bar-source
|lang= cn
|item-number= XXXX
|clearance= #
|container-class= euclid
|secondary-class= none
|secondary-icon= http://acsurlexample.com/image.svg
|disruption-class= vlam
|risk-class= 警告
]]
调整滚动条
它是什么样的:Wondertainment博士版式 和 威尔逊野生动物应对组版式
复制这些:
[[module CSS]]
::-webkit-scrollbar-thumb
{
[属性]; /* 这几乎可以是任何东西,从滚动条颜色到边框半径再到添加边框。下面是来自Nagiros的PoI档案的代码,供参考。 */
background: rgba(247,168,184, .5);
border-radius: 5px;
border: 1px solid black;
}
[[/module]]
移动端侧边栏按钮样式
它是什么样的:威尔逊野生动物应对组版式 和 Nagiros的PoI档案
复制这些:
[[module CSS]]
@media (max-width: 767px) {
.open-menu a {
/* 如果你不想修改特定颜色,请删除相应行。 */
border: 0.2em solid 颜色 !important; /* 这会影响圆形边框。 */
background-color: 颜色 !important; /* 这会影响内部颜色。 */
color: 颜色 !important; /* 这会影响圆形内部的横条。 */
}
}
[[/module]]
业余倒数计时器
它是什么样的:
复制这些:
[[html]]
<script type="text/javascript">
today = new Date();
BigDay = new Date("January 1, 2050"); // 将此日期修改为你想倒计时的日期
msPerDay = 24 * 60 * 60 * 1000 ; // Vbs
timeLeft = (BigDay.getTime() - today.getTime());// Vbs
e_daysLeft = timeLeft / msPerDay;// Vbs
daysLeft = Math.floor(e_daysLeft);// Vbs
e_hrsLeft = (e_daysLeft - daysLeft)*24;// Vbs
hrsLeft = Math.floor(e_hrsLeft);// Vbs
minsLeft = Math.floor((e_hrsLeft - hrsLeft)*60);// Vbs
document.write("距离2050年仅有 " + daysLeft + " 天、" + hrsLeft +" 小时、" + minsLeft + " 分钟</H4>。<P>");
// 我基于一些我从moonfruit.com上找到的东西制作了这个,版权属于他们。
</script>
[[/html]]
多重折叠
它是什么样的:
复制这些:
[[include component:coltop show=显示文本|hide=隐藏文本]]
[[include component:coltop show=显示文本|hide=隐藏文本]]
[[include component:colend]]
[[include component:colend]]
假链接/折叠
它是什么样的:
+ 访问█K级情景“千(数据删除)之舞”归档文件
www.serpents-hand.org
复制这些:
电子邮件模版
它是什么样的:
至:研究员Natalie Reems
自:研究员Tonya Skyler
主题:主题
OwO
自:研究员Tonya Skyler
至:研究员Natalie Reems
主题:回复:主题
UwU
复制这些:
重要:这部分应置于页面顶端
[[module CSS]]
.blinkbar {color: red;font-size:125%; 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; }20% {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; }}
.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 {float: center; border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px 10px 10px 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
a.collapsible-block-link { font-weight: bold; }
.tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
[[/module]]
重要:这部分应置于电子邮件出现的位置
[[=]]
------
[[collapsible show="访问SCiPNET邮件?一 (1) 封新邮件!" hide="回复:主题"]]
[[<]]
[[div class="email"]]
[[div class="tofrom"]]
**至:**研究员Natalie Reems
**自:**研究员Tonya Skyler
**主题:**主题
[[/div]]
------
OwO
[[/div]]
@@ @@
[[=]]
[[span class="blinkbar-nagi"]]新邮件![[/span]]
[[/=]]
@@ @@
[[div class="email"]]
[[div class="tofrom"]]
**自:**研究员Tonya Skyler
**至:**研究员Natalie Reems
**主题:**回复:主题
[[/div]]
------
UwU
[[/div]]
[[/<]]
[[/collapsible]]
[[/=]]
淡出的页面内容
选项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]]
正常内容
更好的主页
选项1
它是什么样的:
点击查看
复制这些:
-
复制以下内容,并将它放置于文章最开头
[[include :scp-wiki-cn:component:black-highlighter-theme-dev]]
选项2
更加黑暗
点击查看
复制这些:
-
复制以下内容,并将它放置于文章最开头
[[include :scp-wiki-cn:component:black-highlighter-theme-dev]]
[[include :scp-wiki:component:bhl-dark-sidebar]]