组件中心页

评分: +21+x

What this is

A bunch of miscellaneous CSS 'improvements' that I, CroquemboucheCroquembouche, use on a bunch of pages because I think it makes them easier to deal with.

The changes this component makes are bunch of really trivial modifications to ease the writing experience and to make documenting components/themes a bit easier (which I do a lot). It doesn't change anything about the page visually for the reader — the changes are for the writer.

I wouldn't expect translations of articles that use this component to also use this component, unless the translator likes it and would want to use it anyway.

This component probably won't conflict with other components or themes, and even if it does, it probably won't matter too much.

Usage

On any wiki:

[[include :scp-wiki:component:croqstyle]]

This component is designed to be used on other components. When using on another component, be sure to add this inside the component's [[iftags]] block, so that users of your component are not forced into also using Croqstyle.

Related components

Other personal styling components (which change just a couple things):

Personal styling themes (which are visual overhauls):

CSS changes

Reasonably-sized footnotes

Stops footnotes from being a million miles wide, so that you can actually read them.

.hovertip { max-width: 400px; }

Monospace edit/code

Makes the edit textbox monospace, and also changes all monospace text to Fira Code, the obviously superior monospace font.

@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap');
 
:root { --mono-font: "Fira Code", Cousine, monospace; }
#edit-page-textarea, .code pre, .code p, .code, tt, .page-source { font-family: var(--mono-font); }
.code pre * { white-space: pre; }
.code *, .pre * { font-feature-settings: unset; }

Teletype backgrounds

Adds a light grey background to <tt> elements ({{text}}), so code snippets stand out more.

tt {
  background-color: var(--swatch-something-bhl-idk-will-fix-later, #f4f4f4);
  font-size: 85%;
  padding: 0.2em 0.4em;
  margin: 0;
  border-radius: 6px;
}

No more bigfaces

Stops big pictures from appearing when you hover over someone's avatar image, because they're stupid and really annoying and you can just click on them if you want to see the big version.

.avatar-hover { display: none !important; }

Breaky breaky

Any text inside a div with class nobreak has line-wrapping happen between every letter.

.nobreak { word-break: break-all; }

Code colours

Add my terminal's code colours as variables. Maybe I'll change this to a more common terminal theme like Monokai or something at some point, but for now it's just my personal theme, which is derived from Tomorrow Night Eighties.

Also, adding the .terminal class to a fake code block as [[div class="code terminal"]] gives it a sort of pseudo-terminal look with a dark background. Doesn't work with [[code]], because Wikidot inserts a bunch of syntax highlighting that you can't change yourself without a bunch of CSS. Use it for non-[[code]] code snippets only.

Quick tool to colourise a 'standard' Wikidot component usage example with the above vars: link

:root {
  --c-bg: #393939;
  --c-syntax: #e0e0e0;
  --c-comment: #999999;
  --c-error: #f2777a;
  --c-value: #f99157;
  --c-symbol: #ffcc66;
  --c-string: #99cc99;
  --c-operator: #66cccc;
  --c-builtin: #70a7df;
  --c-keyword: #cc99cc;
}
 
.terminal, .terminal > .code {
  color: var(--c-syntax);
  background: var(--c-bg);
  border: 0.4rem solid var(--c-comment);
  border-radius: 1rem;
}

Debug mode

Draw lines around anything inside .debug-mode. The colour of the lines is red but defers to CSS variable --debug-colour.

You can also add div.debug-info.over and div.debug-info.under inside an element to annotate the debug boxes — though you'll need to make sure to leave enough vertical space that the annotation doesn't overlap the thing above or below it.

…like this!

.debug-mode, .debug-mode *, .debug-mode *::before, .debug-mode *::after {
  outline: 1px solid var(--debug-colour, red);
  position: relative;
}
.debug-info {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Fira Code', monospace;
  font-size: 1rem;
  white-space: nowrap;
}
.debug-info.over { top: -2.5rem; }
.debug-info.under { bottom: -2.5rem; }
.debug-info p { margin: 0; }

前言

欢迎来到组件中心页!这是一个收录有 component: 分类下所有页面的中心页。根据 05 指挥部技术中心标签列表中所述,组件被定义为“使用 [[include]] 来引入至其它页面的组件页,以添加新的设计、风格、或功能。”这并不包括版式(版式修改了页面的外观以及风格),或者是更多由页面(即用于列出某些作者作品的页面)。


内容列表

Table of Contents

本页分为以下几个类别:



- 通用 -

这些是可以在任何页面之中运作的组件,无论你使用的是什么版式。

- Sigma-9 -

这些是设计为仅能在 Sigma-9 页面中运作的组件,且很有可能会在黑色标记笔或玄武岩上崩溃。

- 黑色标记笔 -

这些是设计为仅能在黑色标记笔页面中运作的组件,且很有可能会在 Sigma-9 或玄武岩上崩溃。

- 技术性/职员 -

这些是设计为用于更加技术性的工作或仅在职员工作流程中使用的组件。在任何文章中都不太可能会用到这些组件。

- 中文站组件 -

这些是放置于中文站上的组件。


若某个组件被制作为玄武岩专用组件的话,则将创建新类别,虽然这种组件还未出现。


组件


通用


项目编号:項目編號:6776
等级等級4
收容等级:收容等級:
机密
次要等级:次要等級:
thaumiel
扰动等级:擾動等級:
vlam
风险等级:風險等級:
需谨慎

该组件可用作 SCP 文章的版头。它能展示出 SCP 的项目编号、收容等级、扰动等级以及风险等级。这些变量的定义可以在这篇指导里找到。若需使用,可将以下代码黏贴到你页面中的任何地方:

[[include :scp-wiki-cn:component:anomaly-class-bar-source
|lang= cn/tr
|item-number= XXXX
|clearance= #
|container-class= 这里填等级
|secondary-class= 这里填等级
|secondary-icon= http://这里填链接.com
|disruption-class= 这里填等级
|risk-class= 这里填等级
]]

你可以通过这个由 WoedenazWoedenaz 制作的花哨数据库查看所有使用了 ACS 的页面。



该组件将在页面被加载时播放 ACS 版头的加载动画。若需使用,可将以下代码黏贴到你页面中的任何地方:

[[include :scp-wiki:component:acs-animation]]

你可以在 SCP-5935 中查看这一组件的运作效果。


acshybrid.png

acstext.png

一个没那么多细节的 ACS 版本。若需使用,可将以下代码黏贴到你页面的顶部:

[[include :scp-wiki-cn:component:acs-hybrid-text-bar-source
|lang= cn/tr
|version= hybrid/text
|item-number= ####
|clearance-level= #
|containment-class= 这里填等级
|include-secondary= yes/no
|secondary-class= 这里填等级
|secondary-icon= https://这里填链接.com
|disruption-class= 这里填等级
|risk-class= 这里填等级
]]


acslitehor.png

一个将线条粗细统一为 3px 且在大多数设备上将版头的大小减半的 ACS 组件。若需使用,可将以下代码黏贴到你页面中的任何地方:

[[include :scp-wiki-cn:component:acs-horm-lite-source
|lang= cn/tr
|item-number= XXXX
|clearance= #
|container-class= 这里填等级
|secondary-class= 这里填等级
|secondary-icon= http://这里填链接.com
|disruption-class= 这里填等级
|risk-class= 这里填等级
]]


acslitepeppo.png

该组件在大多数设备上缩小了 ACS,并让它有了一种稍微不同的感觉。若需使用,可将以下代码黏贴到你页面中的任何地方:

[[include :scp-wiki-cn:component:acs-peppo-lite
|lang= cn/tr
|item-number= ####
|clearance= #
|container-class= 这里填等级
|secondary-class= 这里填等级
|secondary-icon= http://这里填链接.com
|disruption-class= 这里填等级
|risk-class= 这里填等级
]]


acssplit.png

该组件允许同时显示收容等级与次要等级。若需使用,将以下代码黏贴到你页面中 ACS 的 [[include]] 后方:

[[include :scp-wiki-cn:component:acs-peppo-split
|object= 这里填等级
|object-image= http://这里填链接.com
|object-color= 这里填等级
|esoteric-color= 这里填等级
]]

基础的 ACS 引用应该要设定为显示次要分级,而 objectobject-image 以及 object-color 则设定为你想要的收容等级。


项目编号:項目編號:SCP-6776

等级-等級-

收容等级:收容等級:THAUMIEL

扰动等级:擾動等級:KENEQ


负责站点負責站點


N/A

站点主管站點主管


N/A

首席研究员首席研究員


Akabi Hayk 博士

指派特遣队指派特遣隊


N/A

项目编号:項目編號:SCP-6776

等级等級-

收容等级:收容等級:
THAUMIEL

扰动等级:擾動等級:
KENEQ


负责站点負責站點


N/A

站点主管站點主管


N/A

首席研究员首席研究員


Akabi Hayk 博士

指派特遣队指派特遣隊


N/A

该组件可用作 SCP 文章的版头,与其它常用的版头合成了独立的一个。若需使用,可将以下代码黏贴到你页面中的任何地方:

[[include :scp-wiki-cn:component:advanced-information-methodology
|lang=cn/tr
|XXXX=####
|lv=one/two/three/four/five/fix/1/2/3/4/5/6
|cc=SAFE/EUCLID/KETER/NEUTRALIZED/THAUMIEL
|dc=DARK/VLAM/KENEQ/EKHI/AMIDA
|site=Site-编号/ N/A
|dir=Dr 主管/ N/A
|head=Dr 博士/ N/A
|mtf=名称-编号/ N/A
]]


该组件提供了一个完全可定制的音频播放器。若需使用,可将以下代码黏贴到你页面中的任何地方:

[[include :scp-wiki-cn:component:audio-player-woed-source
|unique-name=secretparty(仅字母,不能是数字)
|audio-file= https://这是一个链接.com/PartyTime.mp3(所有音频文件格式都支持)
|background-color=rgb(252, 252, 252)
|border-color=rgb(215, 215, 215)
|border-radius=0.313rem
|dropshadow-color=rgba(12, 12, 12, 0.15)
|text-color=rgb(80, 0, 2)
|icons-color=rgb(171, 0, 5)
|player-color=rgb(215, 215, 215)
|progress-color=rgb(80, 0, 2)
]]


评分: +21+x

该组件提供了一种在页面顶部通过一个小的下拉菜单来标示作者的手段。若需使用,可将以下代码黏贴到你的评分模组后方:

[[include :scp-wiki-cn:component:author-label-source start=--
|name=名字]]
内容
[[include :scp-wiki-cn:component:author-label-source end=—]]


该组件提供了一个快速且简单的方式来建立自己的作者页,且不需要在每次发布新页面之时更新你的作者页。若需使用,可将以下代码黏贴到你的页面中:

[[include :scp-wiki-cn:component:author-page order=created_at]]


该组件提供了如 SCP-4485 中所示的自定义脚注。若需使用,可将以下代码黏贴到你页面中的某个地方:

[[include :scp-wiki:component:betterfootnotes]]

随后,每当你需要使用脚注的时候,都将以下代码黏贴到那个地方:

[[span class="fnnum"]].[[/span]][[span class="fncon"]]脚注中的文本。[[/span]]

注意不要编辑 fnnum span 里的任何东西,不然组件可能会崩溃。.若正确操作,那么它应该会变成这个样子!


该组件修改了目前存在的 [[collapsible]] 元素并给予其一个新的外观。若需使用,可将以下代码黏贴到你页面中的某个地方:

[[include :scp-wiki-cn:component:bhl-style-collapse-source]]

你可以在 Flos 里看到这个组件的效果。


📎黑光盒


该组件提供了一个花哨的黑标风格 div 来装饰你的页面。若需使用,可将以下代码黏贴到你页面中的某个地方:

[[include :scp-wiki:component:blacklight-box-source |inc-source= --]]]

在那之后,每次你需要用一个盒子的时候,就将这个黏贴到你想要放的地方:

[[include :scp-wiki:component:blacklight-box-source |inc-section-start= --]
|color-family=可选颜色
|unique-name=小写无空格
|display-name=标签内的文本
]]
在此插入盒中内容。
[[include :scp-wiki:component:blacklight-box-source |inc-section-end= —]]]

“color-family” 参数是可选的且可在你的盒子上用任何的自定义颜色。

你可以在 McDoctorate 的提案中看到这个组件的效果。


该组件可作为 SCP 文章的版头。若需使用,可将以下代码黏贴到你页面中的某个地方:

[[include :scp-wiki-cn:component:cd-ver2
|lv=1/2/3/4/5/6
|item=SCP-XXXX
|class=等级
|site-responsible=Site/Area-##
|director=名字
|research-head=名字
|assigned-task-force= MTF 名称-## ("代号")
]]

你可以在 匿名的提案 II 中看到这个组件的效果。

4/67764/6776
机密
classified-bar.svg
classified-bar.svg
classified-bar.svg
classified-bar.svg
classified-bar.svg
classified-bar.svg
项目编号:SCP-6776
Thaumiel

该组件可作为 SCP 文章的版头。若需使用,可将以下代码黏贴到你页面中的顶部:

[[include :scp-wiki-cn:component:classified-bar-woed
|lv=0/1/2/3/4/5
|item=XXXX
|oc=等级
|lang=CN/TR
]]


4/67764/6776

机密

classified-lv4.png

项目编号:SCP-6776

项目等级: Thaumiel

该组件为你的 SCP 文章添加了一个版头。若需使用,可将以下代码黏贴到你页面中的顶部:

[[include :scp-wiki-cn:component:classified-decoration
|lv=1/2/3/4/5
|item=XXXX
|oc=等级
|lang=CN/TR
]]


该组件是 CroquemboucheCroquembouche 的个人自定义组件,包含有小小的 CSS 组件。若需使用,可将以下代码黏贴到你页面中的某个地方:

[[include :scp-wiki:component:croqstyle]]


catsby
11:00
生气,又有点爱着她,也感到异常地抱歉,所以我转过身去。
sans
11:01
然后拿到了张账单

该组件允许你在页面中模拟 Discord 聊天室的外观。若需使用,可将以下代码黏贴到你页面的顶部:

[[include :scp-wiki-cn:component:discord-chat-source |inc-source= --]]]

有关其使用的进一步说明,请参阅组件页本身。


该组件提供了一个简单的方法来引导读者阅读整个故事系列。若需使用,可将以下代码黏贴到你页面中的底部:

[[include :scp-wiki:component:earthworm
| first=true/false | last=true/false | hub=yes/no
| previous-url=上一文档的URL | previous-title=上一文档的标题
| next-url=上一文档的URL | next-title=下一文档的标题
| hub-url=中心页URL | hub-title=中心页标题
]]



📎渐显


该组件能够平滑的渐显出页面中的内容,而不是一次性将其全部加载出来。若需使用,可将以下代码黏贴到你页面中的某个地方:

[[include :scp-wiki:component:fade-in speed=1/2/3]]

你可以在 空白风格占位风格版式中看到这个组件的效果。


项目编号:項目編號:SCP-6776 4/6776
收容等级:收容等級:thaumiel 机密

扰动等级:擾動等級:keneq

该组件为你的 SCP 文章添加了一个版头。若需使用,可将以下代码黏贴到你页面中的顶部:

[[include :scp-wiki-cn:component:flops-header
|item= 0001–9999
|containment= safe/euclid/keter/thaumiel/其它
|level= 1–6
|security= 公开/受限/保密/机密/最高机密/其它
|disruption= dark/vlam/keneq/ekhi/amida/其它
|disruption-bg-color= #00638a/#008a5c/#bd9d00/#bd5200/#8a0022/自选
]]


无

2. 0 0 0 筹集总目标 1. 500


该组件用于以视觉上有吸引力的方式链接任何网站之外的筹资网站。该组件的所有使用必须遵守 SCP 维基的资助守则若需使用,可将以下代码黏贴到你的页面中:

[[include :scp-wiki-cn:component:fundraiser-widget amt=
|goal=
|title=
|main_url=
|curr_sym=$|num_sep=,
|image_url= none
|donate_url= none
|logo_text=
|description=
]]


海报:


神派之人

她飞翔!

她疗愈!

她赋生!

她助人!

生命!



人类?

鸟类?

奇迹?

天使?

灵魂!

乱序文本

¡别错过了!

仅限一天
本周日晚上 10 点。
来吧,都来吧!

这些组件与 GoI 格式赫曼·富勒的不安马戏团有关。若需使用,可黏贴以下代码:

[[include :scp-wiki-cn:component:hf-poster title=[1]|textLeft=[2]|image=[3]|textRight=[4]|textBottom=[5]|textFooter=[6]]]

[[include :scp-wiki-cn:component:hf-book-left chapter=[1]|content=[2]|pagenumber=[3]]]

[[include :scp-wiki-cn:component:hf-book-right chapter=[1]|content=[2]|pagenumber=[3]]]


dcalfine.jpg

PoI-0007-A 的监控照片。摄于 2018 年。




该组件允许你在页面中插入带说明文字的图片。若需使用,黏贴以下代码:

[[include :scp-wiki-cn:component:image-block name=文件名/链接|caption=内容|width=###px]]

还有多种插图方块的变体,你可以在下方找到这些变体组件:

📎Peppo 的插图方块

imagepeppo.png

该组件会自动将方块的右侧与齐平边缘对齐,而不是与评分模块对齐,且将在读者使用移动端时格式化图像。若需使用,黏贴以下代码:

[[include :scp-wiki-cn:component:image-block-peppo
|name=文件链接
|caption=说明文字
|width=###px(推荐为 300px)
]]

📎引用块中的插图方块

imagequoted.png

该组件允许将图片充当为链接。若需使用,黏贴以下代码:

[[include :scp-wiki-cn:component:image-block-quoted name=文件|caption=文本|link=链接|width=300px]]

📎SunnyParallax 的插图方块

imagesunny.png

该组件主要由 SunnyClockworkSunnyClockwork 使用。它可以自动将图片放入一个折叠中并将说明文本设置为它上方的标题,在同一页面中展示大量艺术作品时会非常有用。若需使用,黏贴以下代码:

[[include :scp-wiki-cn:component:sp-image caption=说明文本|src=文件链接|width=###]]

📎宽屏图像裁剪器

使用组件后:

with-component.png

使用组件前:

without-component.png

该组件将宽屏图像缩放至高度为 215px 且宽度合适的大小。该组件允许你使用宽屏图像当作版头而不必精确地裁切图像。

若需使用,可将以下代码黏贴到你页面的顶部:

[[include :scp-wiki:component:wide-image-sizer]]

然后给图片黏贴以下代码:

[[include :scp-wiki-cn:component:image-block
name=https://scp-wiki-cn.wikidot.com/local--files/(你图片链接的剩余部分) |
caption=(这里是你的文字说明) |
align=center |
width=100%
]]


该组件允许你在一个插图方块之中轮播不同的图像。若需使用,黏贴以下代码:

[[include :scp-wiki-cn:component:carousel
| images=photograph.png,old-map.png,jumpscare.gif
| caption=一组图片
| interval=5
| wiki=scp-wiki-cn
| page=SCP-173
| width=300px
| height=240px
| position=right
| no-caption=false
| background=white
| options=yes
]]

有关该组件中每个字段作用的更多信息可在其组件页中找到。

你可以在 SCP-5800 中查看这一组件的运作效果。


该组件允许你用各种各样的功能自定义插图方块。

悬停模糊将使图像模糊,直至悬停于上或被点击。若需使用,黏贴以下代码:

[[include :scp-wiki:component:image-features-source |blur-reveal=--]
|blur-amount=数字
|speed=数字
|float=true/false
|align=left/right
|width=px/rem/vw/%
|url=链接
|add-caption=true/false
|caption=文本
]]

悬停模糊切换将在悬停于上或被点击时切换显示的图片。在两张图片宽高比相同时表现最好。若需使用,黏贴以下代码:

[[include :scp-wiki:component:image-features-source |image-change=--]
|blur-amount=数字
|speed=数字
|float=true/false
|align=left/right
|width=px/rem/vw/%
|start-url=链接
|hover-url=链接
|add-caption=true/false
|caption=文本
]]

悬停滑动模糊揭示将用向所选方向相反的方向滑动移出的方法消去图片上遮盖的模糊。若需使用,黏贴以下代码:

[[include :scp-wiki:component:image-features-source |slide-blur-reveal=--]
|blur-amount=数字
|slide-direction=left/right/top/bottom
|float=true/false
|align=left/right
|speed=数字
|width=px/rem/vw/%
|url=链接
|add-caption=true/false
|caption=文本
]]

悬停滑动方块揭示将通过滑动消去图片上遮盖的黑块。若需使用,黏贴以下代码:

[[include :scp-wiki:component:image-features-source |slide-block-reveal=--]
|block-color=hex/rgb/hsl
|slide-direction=left/right/top/bottom
|speed=数字
|float=true/false
|align=left/right
|width=px/rem/vw/%
|url=链接
|add-caption=true/false
|caption=文本
]]

悬停图像揭示将使用一个由用户控制的滑杆切换图片。若需使用,黏贴以下代码:

[[include :scp-wiki:component:image-features-source |slide-revealer=--]
|block-color=hex/rgb/hsl
|float=true/false
|align=left/right
|width=px/rem/vw/%
|left-url=链接
|right-url=链接
|slider-start-percent=0-100
|slider-color=hex/rgb/hsl
|slider-circle-size=px/rem/vw/%
|add-caption=true/false
|caption=文本
]]

悬停分形噪点揭示将在揭示时消去图片上的分形效果。若需使用,黏贴以下代码:

[[include :scp-wiki:component:image-features-source |noise-reveal=--]
|fractal-size=1-999
|speed=数字
|float=true/false
|align=left/right
|width=px/rem
|background=color/url("")/gradient
|url=链接
|add-caption=true/false
|caption=文本
]]

悬停马赛克揭示将在揭示时消去图片上的马赛克效果。若需使用,黏贴以下代码:

[[include :scp-wiki:component:image-features-source |pixel-reveal=--]
|pixel-res=数字
|speed=数字
|float=true/false
|align=left/right
|width=px/rem
|url=链接
|add-caption=true/false
|caption=文本
]]

悬停放大将在悬停于上或被点击时放大图片。若需使用,黏贴以下代码:

[[include :scp-wiki:component:image-features-source |hover-enlarge=--]
|enlarge-amount=数字
|speed=数字
|float=true/false
|align=left/right
|width=px/rem/vw/%
|url=链接
|add-caption=true/false
|caption=文本
]]

点击并按住以全屏将使图片放大至全屏大小,且其文字描述会放在底部。若需使用,黏贴以下代码:

[[include :scp-wiki:component:image-features-source |click-fullscreen=--]
|speed=数字
|float=true/false
|align=left/right
|width=px/rem/vw/%
|url=链接
|add-caption=true/false
|caption=文本
]]

这些代码的所有示例都可以在组件页里找到。



📎信息栏



这是可折叠信息栏。若需使用,复制并黏贴以下代码:

[[include :scp-wiki-cn:component:info-ayers
|page=component:info-ayers
|authorPage= 此处填链接
|comments=快看我!我是信息模块!耶!
]]

你可以在其组件页中查看该组件的示例。

评分: +21+x

该组件为一个在你评分模组右边的信息按钮,可以展示作者以及其它信息。若需使用,复制并黏贴以下代码:

[[include :scp-wiki-cn:credit:start]]
**SCP-XXXX:**标题
**故事/GOI 格式名称**
**作者:**[[*user 作者]]
**原文:**原文链接
**译者:**[[*user 译者]]
**图像:**在这里放上任意的图像授权信息
在这里加上别的你想让读者知道的东西
[[include :scp-wiki-cn:credit:more]]
可选的更多信息,这些会显示在一个新的窗口中。如果你不需要,删除“[[include :scp-wiki-cn:credit:more]]”
[[include :scp-wiki-cn:credit:end]]

📎信息模块内容警告

评分: +21+x

⚠️ 内容警告

如果有文章需要的话,你也可以添加一个让读者知道本页有内容警告的组件。若需使用,可将以下代码黏贴到你信息模块的下方:

[[include :scp-wiki-cn:component:info-cw]]


该组件允许你在页面中使用行内折叠。若需使用,可将以下代码黏贴到你的页面中:

[[div class="inline-colmod"]]
折叠块前的文本
[[include :scp-wiki-cn:component:inline-colmod show=点击前显示的文字|content=点击后显示的文字]]
折叠块后的文字
[[/div]]

请确保 [[include]] 与其前后的内容独立成行。

是不是很妙?



LaRueTitle.png

骇灵街

叔本华曾经说过,普通人只想到如何度过时间,有才能的人设法利用时间。带着这句话,我们还要更加慎重的审视这个问题: 卡莱尔说过一句富有哲理的话,过去一切时代的精华尽在书中。这启发了我, 本人也是经过了深思熟虑,在每个日日夜夜思考这个问题。 非洲在不经意间这样说过,最灵繁的人也看不见自己的背脊。这似乎解答了我的疑惑。 就我个人来说,骇灵街对我的意义,不能不说非常重大。 一般来说, 邓拓曾经说过,越是没有本领的就越加自命不凡。这启发了我, 经过上述讨论, 可是,即使是这样,骇灵街的出现仍然代表了一定的意义。 可是,即使是这样,骇灵街的出现仍然代表了一定的意义。 伏尔泰曾经提到过,坚持意志伟大的事业需要始终不渝的精神。我希望诸位也能好好地体会这句话。 就我个人来说,骇灵街对我的意义,不能不说非常重大。 问题的关键究竟为何? 总结的来说, 乌申斯基在不经意间这样说过,学习是劳动,是充满思想的劳动。这句话语虽然很短,但令我浮想联翩。 对我个人而言,骇灵街不仅仅是一个重大的事件,还可能会改变我的人生。 一般来讲,我们都必须务必慎重的考虑考虑。

该组件允许你给你的骇灵街 GoI 格式启用一个特殊的 div 块。若需使用,可将以下代码黏贴到你页面的顶部:

[[module css]]
@import url('https://fonts.googleapis.com/css?family=ZCOOL+KuaiLe&display=swap');

.rmpostcontainer
{
    background-image: url('http://scp-wiki.wikidot.com/local--files/component:laruepost/LaRueDesk.png');
    background-repeat: no-repeat;
    width: 100%; max-width: 660px;
    height: 980px;
    margin: 0px;
        padding: 60px 20px 0px 60px;
}

.rmpostcontent
{
    font-family: 'ZCOOL KuaiLe', cursive;
    font-style: normal;
    font-size: 1.30em;
    color: #000;
    width: 530px;
    height: 880px;
    padding: 30px;
    margin: 0px;
    margin-top: -8px;
}

.rmpostmobiletitle
{
    display: none;
}

@media only screen and (max-width: 600px) {

    .rmpostcontainer {
        background-image: url("http://scp-wiki.wikidot.com/local--files/component:laruepost/LaRueMobile.png");
        background-size: 100%;
        background-repeat: repeat;
        width: 100%;
        height: auto;
        padding: 0px;
        padding-top: 0px;
    }

    .rmpostcontent {
        font-size: 14pt;
        width: 85%;
        height: auto;
        padding: 10px 10px 0px 30px;
    }

    .rmposttitle {
        width: auto;
        height: auto;
        padding: 0px 20px 0px 70px;
    }

}

[[/module]]

然后,你每想要在页面上放上的一页,就黏贴以下代码一次:

[[div class="rmpostcontainer"]]
@@ @@
@@ @@
[[div class="rmposttitle"]]
[[image https://scp-wiki.wdfiles.com/local--files/component:laruepost/LaRueTitle.png]]
[[/div]]
[[div class="rmpostmobiletitle"]]
La Rue Macabre
[[/div]]
[[div class="rmpostcontent"
]]
内容
[[/div]]
[[/div]]

如果那不是页面中的第一个骇灵页的话,你可以去除包裹标题的 [[div]]


该组件能够自动更新你的页面,并提供对其它分部以及合著页面的支持。若需使用,黏贴以下代码:

[[include :scp-wiki-cn:component:mega-cool-author-page-tool |inc-list= --]
|order= name/title/rating/created_at
|perpage= 1-250
|background-image= 链接
|shadow= yes/no
]]

对于不是你发布的合著页面,黏贴以下代码:

[[include :scp-wiki-cn:component:mega-cool-author-page-tool |inc-coauthor-header= --]]]

[[include :scp-wiki-cn:component:mega-cool-author-page-tool |inc-coauthored= —]
|name= 页面名称(本页的页面名称是 components-hub
|feat= 合著者
]]


该组件允许你几乎完全自定义整个 ACS 组件。除最后一个选项外,请在引入 ACS 后黏贴代码。

请参考组件页以获取用法介绍。


该组件允许你将折叠彼此嵌套。若需使用,黏贴以下代码作为你折叠的第一层:

[[include :scp-wiki-cn:component:coltop
| show=+ 展开
| hide=- 收起
]]
折叠内部的文本
[[include :scp-wiki-cn:component:colend]]

在其中再次黏贴此代码以将其嵌套。


项目编号:SCP-4444
项目等级:机密分级 Ticonderoga
负责站点:USMILA Site-19
项目主管:Tilda Moose
首席研究员:K. P. Crow
指派特遣队:N/A
4/4444 级
机密

该组件可作为你页面的版头。若需使用,可将以下代码黏贴到你页面的顶部:

[[include :scp-wiki-cn:component:object-class-bar-source
|item-num=XXXX
|obj-class=项目等级
|site-resp=Site/Area-##
|director=名字
|rsch-head=名字
|task-force= MTF [名字]-##(“[代号]”)
|colorbar-bg-color=rgb(0,0,0)
|colorbar-bg-img=可选
|colorbar-one=full/half/none
|colorbar-two=full/half/none
|colorbar-three=full/half/none
|colorbar-four=full/half/none
|colorbar-five=full/half/none
|colorbar-six=full/half/none
|level=1/2/3/4/5/6
|secrecy=公开/受限/保密/机密/最高机密/其它
]]


根据监督者议会的命令
以下文档为 4/2935 级机密
禁止未经授权的访问。
2935

该组件允许你在页面中加入一个世界观内的警告板。若需使用,黏贴以下代码:

[[include :scp-wiki-cn:component:object-warning-box-source
|bg-image=https://这是一个链接.com
|bg-opacity=0.15
|bg-size=105% 105%
|text-top=根据监督者议会的命令
|text-bottom=以下文档为 #/XXXX 级机密

禁止未经授权的访问。

|object-number=XXXX
]]


该组件通过 CSS 替换了 tab 以给其一种古老的感觉。在使用该组件时推荐用短一点的分页标题。若需使用,黏贴以下代码:

[[include :scp-wiki-cn:component:chicago-spirit]]

且应注意该组件专为 Sigma-9 打造。虽然在黑标里仍然可用,但是外观并没有达到最佳。


该组件在你的页面开头添加了一段不可见的文本作为预览。若需使用,可将以下代码黏贴到你页面的顶部:

[[include :scp-wiki-cn:component:preview
|text=文本]]


该组件允许你引入自定义 div 块以仿真出书本的模样。尽管是叫这个名字,但是该组件目前仅可模拟书页。若需使用,可将以下代码黏贴到你的页面中:

[[include :scp-wiki-cn:component:pages
| medium=vintage-book/plain
| style=
css
| contents=
这段文本将以手写体呈现
]]


该组件可用于制作观谬维基论坛帖,可以用到你的 GoI 格式或者观谬维基 SCP 里。该组件将仅能在与观谬维基观缪轻量版版式共同使用时正常工作。若需使用,复制并黏贴以下代码:

[[include :scp-wiki:component:parawatch-forum-post
color=这里填颜色名字或者#rrggbb |
username=人物账户名 | ← 若为版主则带有“🗿 ”前缀
date=月/日/年 (周) 时:分:秒 | ← 周指这天周几,三个大写字母
postno=8位数 | ← 应随发帖时间增长
depth=0/1/2/3/4…… | ← 该帖递进多少层
content=实际论坛帖文在此。 ← 若跨越了多行,每一行结尾必须有空格
]]

你可以在撒手 michael 中看到这个组件的效果。

该组件允许你简单地将骄傲标志添加到你的页面中。你可以在本页顶部看到这个组件的效果。请参考组件页以获取用法指导。

尽管是叫这个名字,但是骄傲标记笔既可以在 Sigma-9 中运作,也可以在黑标中运作。


ratio1.png

95.66%
(+22)
4.34%
(-1)
-%
(+0)
-%
(-0)

该组件允许你在你的评分模块上加入一个评分占比条,来展示你所获得的好评数与差评数的比例。若需使用,黏贴以下代码:

[[include :scp-wiki:component:ratio-bar base=--]]

上面的 [[include]] 将修改页面中所有的评分模块以展示评分占比条。该组件同样拥有一个独立的饼图模块,可以在不用修改任何评分模块的情况下引入。若需使用,黏贴以下代码:

[[include :scp-wiki:component:ratio-bar pie=--]]

推荐将饼图模块放入著作信息模块内。


redzonehead.png

该组件允许你使用红区 GoI 格式的版头,红区是一个与普罗米修斯实验室关系亲密的组织。若需使用,黏贴以下代码:

[[include :scp-wiki-cn:component:redzone-advisory
|title=红区RedDB存档异步复制漏洞
|id=redzone-sa-########-[短一点的标题]
|updated=YYYY-M-DD
|published=YYYY-M-DD
|version=版本号
|impact=0.0 至 10.0 之间的数字
|worknd=true/false
|bugs=RZux#####
RZux####
|cve=CVE-YYYY-####
|cwe=CWE-###
CWE-###
]]


性别
身高
体重/体型
种族
发色
瞳色
外在特征
男性
70 英寸
苗条
高加索人
黑色
棕色/星形瞳孔
热情友好
女性
61 英寸
苗条
东亚人
黑色
灰绿色
衣着华丽

该组件包含有一个能够在不同的屏幕/分页大小之中自动格式化至仍然可读的自定义表格。

若需该组件的使用说明,请参考其组件页。

John Jacob Jingleheimer Schmidt

这是测试消息。

哇哦,真的吗?
这可真酷!
这是多行消息吗?

你真的这么想?
那可太好了!
对,它有多个行!

耶!
多谢,JaonHax!
等等,我是不是弄坏了它的滚动功能?

是啊。
我想是的。

那,好吧。
我猜 JaonHax 不得不让这玩意儿没有最大高度限制,嗯?

对,我想也是。
不管怎样,我们大概应该让读到这里的好人们继续去忙他们自己的事情。

拜,好人!

嗯,拜!

该组件允许你模拟 SMS 短信服务的外观与感觉。若需使用,可将以下代码黏贴到你页面的顶部:

[[include :scp-wiki:component:text-style]]

然后,对于真正的文本信息,添加以下代码:

[[div class="text-container-wrap"]]
+++ 你的发信人名称
[[div class="text-container"]]
[[div class="sent/recv"]]
[[span class="text"]]这是一段简单的文本[[/span]]
[[div class="sent/recv"]]
[[span class="text"]]这是一系列[[/span]]
[[span class="text"]]附加文本[[/span]]
[[/div]]
[[/div]]
[[/div]]
[[/div]]

注意该组件目前并不支持嵌入文件或图片。


该组件允许你展示被转换至用户所在时区的时间。示例:

若需使用,黏贴以下代码:

[[include :scp-wiki-cn:component:tz
| time=##:##,必须是 24 小时制格式
| tz=默认为 UTC
| date=YYYY-MM-DD,默认为今天
| text_before=默认为 "${time} ${tz} 即"
| text_after=默认为 "。"
]]

除 time 参数外所有东西都是可选的。


该组件是为了与 Wondertainment 版式共同使用而制作的。它在底部添加了系列导航链接并添加了一个开启或关闭版式的链接。若需使用,黏贴以下代码:

[[include :scp-wiki-cn:component:vaf-links
| position=middle
| previous-page=
| previous-page-name=
| next-page=
| next-page-name=
]]

你可以在 ...And I Think to Myself 中看到这个组件的效果。



1_Troll.jpg


Coal 14
⁂malov13


差评,你个垃圾 + 率 ⁂BottomDownOver #私有
  • 回响 150
  • 蜂鸣 2.3k


公元 3 年 2 月 31 日 25:67

该组件允许你引用一个外观为在 Void 中的帖子 div 块。Void 为宇宙内由匿名社区使用的类似 Twitter 的网站。若需使用,黏贴以下代码:

[[include :scp-wiki-cn:component:void-post
|profile-pic= 推荐文件宽度:≤150px
|username=
|handle=
|void-msg= 推荐长度:≤280 字符;随便多长都可以
|echoes= 转推数
|hums= 点赞数
|time-and-date= 建议格式:YYYY 年 MM 月 DD 日 - 上午/下午 H:MM
]]


该组件允许在底部显示你已经发布的 15 篇随机 SCP 与故事。它强制你将其放置在授权模块上方及导航页脚下方,但也建议把它放在脚注块后。若需使用,可将以下代码黏贴到你的页面中:

[[include :scp-wiki-cn:component:wikimodule |normal= --]]]

如果你想在文章的旁边展示评分,则改为黏贴以下代码:

[[include :scp-wiki-cn:component:wikimodule |ratings= --]]]




Sigma-9



该组件将它所应用的页面顶部的页眉居中。若需使用,可将以下代码黏贴到你页面的某处:

[[include :scp-wiki-cn:component:centered-header-sigma-9]]


该组件在桌面端尺寸的屏幕上启用了移动端侧边栏按钮,且额外地将主页面内容居中了。若需使用,可将以下代码黏贴到你页面的某处:

[[include :scp-wiki:component:toggle-sidebar]]

如果你正在使用一个版式,请确保该组件的 [[include]] 被放在那个版式的 [[include]] 后方。

你可以在 SCP-6009 中查看这一组件的运作效果。


该组件允许你在页面中添加一个骄傲标志。若需使用,黏贴以下代码:

[[include :scp-wiki:component:scp-pride]]




黑色标记笔


centeredheaderbhl.png

该组件将其所在页面的图像居中。特别推荐你将该组件与切换侧边栏可折叠侧边栏共同使用。黏贴以下代码至你页面中的某处:

[[include :scp-wiki:component:centered-header-bhl]]


该组件会在桌面端将侧边栏隐藏至一个按钮之后,与其在手机版上的表现相似。若需使用,可以黏贴以下代码至你页面中的某处:

[[include :scp-wiki:component:toggle-sidebar-bhl]]

如果需要的话,你还可以修改按钮以令其契合任何你可能正在使用的自定义主题。若需如此,可以在 [[include]] 后方黏贴以下代码:

你可以在本页查看该组件的运作效果!


该组件将黑标侧边栏还原成它的第一版,给予其一种更为深色的色调。若需使用,可以黏贴以下代码至你页面中的某处:

[[include :scp-wiki:component:bhl-dark-sidebar]]

你可以在余烬旋流版式中查看该组件的运作效果。


该组件是 RounderhouseRounderhouse 的个人自定义组件。若需使用,可以黏贴以下代码至你的页面中:

[[include :scp-wiki:component:rso]]

该组件由 Rounderhouse 定期更新与改动以实现对他文章 CSS 的修改。因此,不推荐你使用该组件除非你 A)是 Rounderhouse 或者 B)可以接受自己的页面会偶尔崩溃。




技术性/职员



该组件被用于警告读者他们正在阅读的文章中包含成人内容。其应在制作成人内容页面的掩藏页时使用。若需使用,黏贴以下代码:

[[include component:adult-splash slug=页面名称]]


该组件可以隐藏一个页面的标签。该组件禁止在技术团队未批准的情况下使用,且仅能用在迭代文章的第一个迭代中。若需使用,黏贴以下代码:

[[include :scp-wiki:component:hide-tags]]

详见技术内容守则以获取更多信息。


该组件允许你正确归因你页面中使用的文件,且也能让人们指导如何正确归因你的页面:

[[include :scp-wiki-cn:component:license-box]]
=====
> **文件名:**
> **图像名:**(若与文件名不同)
> **图像作者:**
> **授权协议:**
> **来源链接:**
> **衍生自:**(若适用)
> **备注:**(可选)
=====
[[include :scp-wiki-cn:component:license-box-end]]

完成之后,请确保在页面中添加 _licensebox 标签1

你可以在本页底部查看该组件的示例。



📎S-CSS-P


该组件用于列出 S-CSS-P 浏览器扩展无法在其上正常运行的页面,该扩展可以给 SCP 维基的页面注入 CSS。若需将你的页面添加到其上,请修改该组件页并添加上你文章的页面名称。


bhl-squares.png

该组件是用在 theme:(组件)页面中的。其允许你展示自己版式中使用的配色。若需使用该组件,可为每个方块黏贴一次以下代码:

[[include :scp-wiki:component:theme-squares -=-
| color1-name=我最喜欢的颜色
| color1-variable=—fav-color
| color1-info=(191, 144, 0)
| color1-has-light-text=0/1
]]

中文站的组件

{$sub-title}

SCP基金会监督者议会授权分类SCP基金會监督者議會授权分類{$content1}

本文件以及所有相关文件均属于SCP基金会所有,并服从于其分类要求与限制。该文档可能包含或不包含致命的模因防御措施。试图在未经获取适当及充分的授权的情况下访问或传播此文档将被判处死刑。本文件以及所有相關文件均屬於SCP基金會所有,並服從于其分類要求與限制。該文檔可能包含或不包含致命的模因防禦措施。試圖在未經獲取適當及充分的授權的情況下訪問或傳播此文檔將被判處死刑。{$content2}

AUTH654321/TOKN123456

识别码識別碼: 654321
授权码授權碼: 123456

基本:

[[include :scp-wiki-cn:component:highlight-warning-panel
|auth=识别码
|tokn= 授权码
|id=组件识别id
]]


扩展:

|tr=* 使用繁体
|bhl=* 黑标适配
|title-change=* 标题替换
|content1=替换的文本
|content-change=* 内容替换
|content1=替换的内容
|logo-change=* 自定义图标
|logo-url=图标链接
|logo-invert=*图片反色
|border-invert=*边框反色

归档员Etinjat整理时间10 Oct 2022 14:39

归档员Etinjat整理时间10 Oct 2022 14:39

归档员Etinjat整理时间21 Sep 2022 18:45

归档员Etinjat整理时间21 Sep 2022 18:45

归档员Etinjat整理时间11 Jun 2022 05:41

归档员Etinjat整理时间11 Jun 2022 05:41

归档员Etinjat整理时间09 Mar 2022 04:38

归档员Etinjat整理时间09 Mar 2022 04:38

归档员Etinjat整理时间01 Mar 2022 10:31

归档员Etinjat整理时间01 Mar 2022 10:31

归档员Etinjat整理时间19 Jan 2022 17:56

归档员Etinjat整理时间19 Jan 2022 17:56

归档员Etinjat整理时间02 Dec 2021 06:36

归档员Etinjat整理时间02 Dec 2021 06:36

归档员Etinjat整理时间02 Dec 2021 06:36

归档员Etinjat整理时间02 Dec 2021 06:36

归档员Etinjat整理时间02 Dec 2021 06:35

归档员Etinjat整理时间02 Dec 2021 06:35

page 1 of 212next »



该组件将把链接转为近似书架上的书本之样式,支持自定义书本样式、底部隔板、listpage,且可搭配 :target 来与笔记本样式使用。

首先需要引用源代码:

[[include :scp-wiki-cn:component:note-source
|collapsible-sidebar=true 填true时启用可折叠侧边栏,不填则保持原状。
|main-content=52rem当启用可折叠侧边栏时,选填此可以调整宽屏时页面内容的宽度,可填参数,建议值为52rem。
]]

其次使用以下组件:
此为笔记本样式,会在窄屏下缩减。
[[include :scp-wiki-cn:component:note-left-start
|name=每个笔记本组件的id
]]
左侧文本
[[include :scp-wiki-cn:component:note-mid-separator]]
右侧文本
[[include :scp-wiki-cn:component:note-right-end]]

此为便利贴样式:

[[include :scp-wiki-cn:component:note-tip-top
|crease=right填 left / right,就会让便利贴的下方的左侧/右侧出现折角。不填或填其他则不出现。
|float=left 填 right 令浮动方向向右。不填默认为 left。
|width=50% 便利贴大小。
]]
正文在此
[[include :scp-wiki-cn:component:note-tip-bottom]]





{$side-text}

此为单页样式

[[include :scp-wiki-cn:component:note-paper-head
|chew-paper=left 填 left / right / top / bottom / horiz / verti 时,会在纸张的 左 / 右 / 上 / 下 / 左右 / 上下 出现齿痕。不填或填其他时,则与上方样式相近。
|texts-size=120% 正文文本大小。
|texts-typeface='字体' 正文字体。
|pc-width=100% 此处调节PC端的纸张宽度,一般建议填60%,以让纸张的宽度看起来更像是书页。不填则默认100%,其会在移动端时会恢复默认值。
|name=
]]

正文在此

[[include :scp-wiki-cn:component:note-paper-tail]]

-1-

{$side-text}

{$side-text}

{$upon-text}

此为便签纸与纸堆样式的组合样式

[[include :scp-wiki-cn:component:note-paper-head
|accessory=pile
|preset-style=notepaper
|chew-paper=left
]]

正文在此

[[include :scp-wiki-cn:component:note-paper-tail]]

还有更多自定义样式和预设样式,请参加组件页面。

{$under-text}

{$side-text}

该组件是基于暗码版式Discord 聊天室组件的扩展,可以生成近似于 Discord 聊天页面的样式。其只适用于sigma-9版式。由于步骤较为复杂,请参见组件页面获取进一步的信息。

COMP-discord.png


你已被邀请加入一个服务器

SCP-CN 官方中文分部
43 人在线 319 位成员

[[include :scp-wiki-cn:component:discord-extension-source |invite= --]
|image=组件左方图片链接
|link=点击“加入”后跳转的链接
|name=服务器名称
|description=服务器描述
]]

注意:该组件是上文Discord组件扩展的扩展,可与其一同使用,也可单独使用。当需要单独使用该组件时,需要额外加多这行来引用此部分的源代码。注意,如果需要创建复数个邀请链接,那么,只需要在其中的一个填上这行代码即可。

|invite-source= true

该组件能在include里面使用用户名筛选。

[[module ListUsers users="."]]
[[include :scp-wiki:component:inc-loop c=__|p=<include 地址>]]
|<变量名>=%%title%%
]]
##red|[[/module]]##

可借此实现分别显示内容,给登录用户与未登录用户的效果。

[[include :scp-wiki:component:listusers-1 users="."]]
##red|%%name%%##
[[include :scp-wiki:component:listusers-2]]
##blue|游客##
[[include :scp-wiki:component:listusers-3]]

以插图方块为例,效果见下:

scp-logo-cn-400.png

你是游客

ps: 此非中文站的组件,也未被中心页收录,但其有一定的用处,故放置于此。

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