SCP格式资源

你好，欢迎！

这是一篇“轻松使用”，提供日志和SCP格式的“复制粘贴”资源以供选用，其中包括各相关组织的格式样式指导。如果你在找基本Wikidot语法的话，看一下维基语法。要了解更高级的编码，看看高级编码指导。

为了增加更多格式素材，本页面会开放合作。请务必遵循这里的演示格式。

注意：这并不是一个完整列表，这些样板也不用完全遵守。我们鼓励用户扩展及试验他们认为最适合的格式。

目录

基本文档样板

实验日志格式：

音频/视频记录格式：

警告/提示格式：

替代标题格式

“便签纸”格式

“登入/登出”格式

自定义图片块格式

实用沙盒工具

基本文档样板

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

**项目编号：**SCP-CN-XXX

**项目等级：**Safe/Euclid/Keter (表明分级)

**特殊收容措施：**[解释收容措施的段落]

**描述：**[描述SCP的段落]

**附录：**[可选的附加段落]

访谈样板

> **受访者：**[被访问的人，人们或SCP]
> 
> **采访者：**[采访者，可以用█黑条挡掉]
> 
> **前言：**[描述访谈的小段落]
> 
> **<记录开始，[时间资讯(可选)]>**
> 
> **采访者：**[对话]
> 
> **人员：**[对话]
> 
> [按需求重复]
> 
> **<记录结束，[时间资讯(可选)]>**
> 
> **结语：**[小总结以及讲述之后发生什么事的段落]

注意：如果你是用“>”来手动加上引用方块，别忘了在“>”后面加一个空白 — 不然那段字不会显示出来。¹

实验日志格式：

选项1²

它是什么样的：

实验标题
对象	数据在此
协议	数据在此
结果	数据在此

复制这些：

选项2³

它是什么样的：

日期	数据	效果	笔记
日期	数据	效果	笔记
日期	数据	效果	笔记
日期	数据	效果	笔记
日期	数据	效果	笔记
日期	数据	效果	笔记
日期	数据	效果	笔记

复制这些：

音频/视频记录格式：

选项1⁴

它是什么样的：

视频日志摘录：

日期：可选

探索队伍：队伍名称 - 可选

目标：区域/异常 - 可选

领队：可选

小队成员：可选

[记录开始]

人物A：对白

人物B：对白

事件发生

人物A：对白

[记录结束]

复制这些：

选项2⁵

它是什么样的：

视频记录

日期：

笔记：

[记录开始]

时间：事件

时间：事件

时间：事件

[记录结束]

提示！这个风格模仿了站内的常见引用方块（基本维基语法，以“> ”开始），但能够与图像更好地工作。

复制这些：

选项3⁶

用于更电脑化的样式

它是什么样的：

| 细节
| 细节
| 细节
| 细节
| 细节

文字文字文字
更多文字

更多

以及更多

甚至还有更多要记录的文字

复制这些：

选项4

里面的东西

选项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;overflow: hidden;white-space: pre;}.record {position: absolute;animation-name: record;animation-duration: 2.5s;opacity: 0;top: 0;left: 50%;transform: translateX(-50%);}.line2 {top: 1.2em!important;}.line3 {top: 2.4em!important;}.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; animation-iteration-count: infinite;}.tape-right {top: 0px;bottom: -32px;left: 0;right: -72px;animation-name: spin1;animation-duration: 20s; animation-timing-function: linear; animation-fill-mode: forwards; animation-iteration-count: infinite;}.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-unfolded-link .collapsible-block-link:before {content:"\f1da";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-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!important;padding-bottom: 0;}.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]]
  [[span class="record r4 line2"]]//更多//[[/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 r1 line2"]]//第二行//[[/span]]
[[span class="record r1 line3"]]//最后一行//[[/span]]
[[span class="record r2"]]//**文本**//[[/span]]
[[span class="record r2 line2"]]//**更多文本**//[[/span]]

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

选项7

它是什么样的：

我无法识别你的Wikidot账号。|

复制这些：

选项8⁸

它是什么样的：

终端#001__

------

欢迎，用户

------

终端内部的链接会在鼠标移过时显示“>”。

像这样

谢谢你查看我的格式！

复制这些：

重要：这是CSS模块。它应该被放置于页面顶端。

[[module CSS]]

div.terminal{

        width: @display-width;

        height: @display-height;

    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: @display-width;

    height: 60px;

    position: relative;

    pointer-events: none;

    -webkit-animation: scan 5s linear 0s infinite;; /* Safari 4.0 - 8.0 */

    animation: scan 12s linear 0s infinite;

    background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;

}

div.text{

    color: rgba(128,255,128,0.8);

    padding-left: 2em;

    padding-top: 40%;

font-family: monospace;

font-size: 1.2em;

    }

/* Safari 4.0 - 8.0 */

@-webkit-keyframes scan{

    from{ transform: translateY(-10%);}

    to{  transform: translateY(5000%);}

}

div.text a {

    color: #90EE90;

    text-decoration: none;

    background: transparent;

}

div.text a.newpage {

    color: #90EE90;

    text-decoration: none;

    background: transparent;

}

div.text a:hover {

    color: #131;

    text-decoration: underline;

    background-color: #80FF80;

    padding: 1px;

}

div.text a:hover::before{

content: "> ";

}

[[/module]]

重要：这是终端。它可以被放置于任何地方。

[[div class="terminal"]]

[[div class="scanline"]]

[[/div]]

[[div class="text"]]

[[=]]

[[size 150%]] 终端#001__[[/size]]

@@ @@

@@ @@

@@------@@

欢迎，用户

@@------@@

[[/=]]

@@ @@

@@ @@

@@ @@

> 终端内部的链接会在鼠标移过时显示“>”。

> [http://www.google.com 像这样]

谢谢你查看我的格式！

[[/div]]

[[/div]]

警告/提示格式：

选项1⁹

它是什么样的：

基金会记录与信息安全管理部的通知

通知在此

— Maria Jones，指导员，RAISA

复制这些：

选项2¹⁰

它是什么样的：

警告：下列文件为#/XXXX级机密

无#/XXXX级权限下访问将被记录并立即处以纪律处分。

复制这些：

选项3：

它是什么样的：

据监督者议会指示

以下文件为X/XXXX级机密。禁止未经授权存取。

XXXX

复制这些：

选项4：¹¹

它是什么样的：

标题

小标题

描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述描述

XXXX

复制这些：

替代标题格式

选项1：

它是什么样的：¹²

项目编号： SCP-XXXX	4/XXXX级
项目等级： Euclid	机密

SCP-XXXX.

复制这些：

选项2：¹³

它是什么样的：

复制这些：

选项3：¹⁵

它是什么样的：

1/7777 LEVEL 1/7777

CLASSIFIED

Item #: SCP-7777

Object Class: Euclid

+ 此外还有……

复制这些：

选项4：

它是什么样的：

Item #: SCP-XXXX		Object Class: Keter
Level 4 Clearance		Threat Level: Red ●

复制这些：

“便签纸”格式

选项1¹⁶¹⁷

它是什么样的：

正文在此。你需要在新的一行中使用“ @@ @@”来正确地分行。

就像这样。

你可以使用[[<]]，[[=]]，[[>]]来将不同文本/段落以你的方式对齐。

尽情享受

复制这些：

“登入/登出”格式

选项1¹⁸¹⁹

它是什么样的：

复制这些：

选项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]]

IMPORTANT:

“登入”键不会在密码栏为空的情况下重定向（打开目标网页）。

此登入格式用于含有迭代的文档。将代码中的“* 将此文本替换为登入后想要展示的网页链接”改为你文档使用的正确迭代链接。

自定义图片块格式

选项1²⁰

它是什么样的：

将鼠标移至图片上方来放大。

复制这些：

选项2²¹

它是什么样的：

将鼠标移至图片上方来查看。

复制这些：

实用沙盒工具

它是什么样的：²²

复制这些：

脚注

合作文章

页面版本: 27, 最后编辑于: 11 Nov 2018 02:47

编辑评分 (+36) 标签讨论 (23) 历史纪录档案打印网站工具 + 选项

除非特别注明，本页内容采用以下授权方式： Creative Commons Attribution-ShareAlike 3.0 License