你好,欢迎!
这是一篇“轻松使用”,提供日志和格式的“复制粘贴”资源以供你的SCP文档选用,如同相关组织写作指导中提供他们各自的格式一样。如果你在寻找基础Wikidot语法的话,看一看维基语法。要了解更高级的编码,看看高级格式指导。
为了增加更多格式素材,本页面会开放合作。请务必遵循这里的演示格式。
注意:这并不是一个完整的列表,这些模版也不必完全遵守。我们鼓励用户扩展以及试验他们认为最适合的格式。
注意:CSS模块仅在页面刷新后才会应用。预览页面并不会刷新页面。要查看任何对CSS模块修改的效果,你必须保存页面。
基本文档样版
[[>]]
[[module Rate]]
[[/>]]
**项目编号:**SCP-CN-XXXX
**项目等级:**Safe/Euclid/Keter(表明分级)
**特殊收容措施:**[说明收容措施的段落]
**描述:**[描述SCP的段落]
**附录:**[可选的附加段落]
[[footnoteblock]]
[[div class="footer-wikiwalk-nav"]]
[[=]]
<< [[[SCP-CN-XXXW]]] | SCP-CN-XXXX | [[[SCP-CN-XXXY]]] >>
[[/=]]
[[/div]]
访谈样版
> **受访者:**[被采访的人、人们或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
复制这些:
提示!你可以使用“登入/登出”格式来代替基础折叠块。
[[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 |
否 |
文字 |
改变“允许访问”的文字 |
音频/视频日志格式:
选项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;
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]]
替代标题格式
选项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=机密
]]
选项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色来增强可读性。
注意:此格式最适合与其它替代标题格式配合使用,如前文所示。此格式基于法国分部的威胁等级分类。
选项8:选项1(简化版本)
它是什么样的:
复制这些:
[[div style="display: flex; padding-bottom: -1em; border-bottom: solid 1px #444;"]]
[[div style="width: 50%;"]]
**项目编号:**SCP-XXXX
**项目等级:**Keter
[[/div]]
[[div style="width: 50%; text-align: right;"]]
**5/XXXX级**
**最高机密**
[[/div]]
[[/div]]
内容
[[div style="display: flex; padding-bottom: -1em; border-bottom: solid 1px #444; font-size: 1.25em;"]]
[[div style="width: 50%;"]]
**项目编号:**SCP-XXXX
**项目等级:**Keter
[[/div]]
[[div style="width: 50%; text-align: right;"]]
**5/XXXX级**
**最高机密**
[[/div]]
[[/div]]
内容
透明文字
“##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]]
重要:
- “登入”键不会在密码栏为空的情况下重新定向(打开目标网页)。
- 此登入格式用于含有迭代的文档。将代码中的“将这里替换为登入后想要展示的网页地址”改为你的文档所使用的正确迭代链接。
图像轮播框
使用说明
黑条格式
选项1
它是什么样的:
这个格式使你能够创建黑条信息并在鼠标移过时显示该信息。
复制这些:
[[span class="bblock"]]文字[[/span]]
如何调整:
以下代码用于调整文字显示时的颜色
[[module CSS]]
.bblock:hover {color: white}
[[/module]]
选项2
它是什么样的:
这个选项在鼠标移过时改变背景而不是文字的颜色。
复制这些:
[[span class="dblock"]]文字[[/span]]
如何调整:
以下代码用于调整背景改变时的颜色
[[module CSS]]
.dblock:hover {background: #f4f4f4}
[[/module]]
“今日日期”格式
它是什么样的:
今天是18 Sep 2024 06:51……也许吧!
复制这些:
[[module ListPages limit="1" category="*" order="updated_at desc"]]
> 今天是%%updated_at|%Y/%m/%d%%……也许吧!
[[/module]]
Discord聊天格式
它是什么样的:
唷,Corvus,在吗?
在
咋啦
@GOTO 20
新消息
这是一张图片
复制这些:
代码及完整说明可见这里。
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= 警告
]]
电子邮件模版
它是什么样的:
复制这些:
重要:这部分应置于页面顶端
[[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="回复:主题"]]
[[<]]
[[div class="email"]]
[[div class="tofrom"]]
**至:**收件人
**自:**发件人
**主题:**主题
[[/div]]
------
文本
[[/div]]
@@ @@
[[div class="email"]]
[[div class="tofrom"]]
**至:**收件人
**自:**发件人
**主题:**回复:主题
[[/div]]
------
文本
[[/div]]
[[/<]]
[[/collapsible]]
[[/=]]
[[/div]]
多重折叠
它是什么样的:
复制这些:
[[include component:coltop show=显示文本|hide=隐藏文本]]
[[include component:coltop show=显示文本|hide=隐藏文本]]
[[include component:colend]]
[[include component:colend]]
页面版本: 121, 最后编辑于: 15 Jun 2023 12:15