[[div]]
更多
更多页面信息
这是为异常宗教表现部制作的版式,基于平行。使用以下代码引入此版式:
[[include :scp-wiki-cn:theme:parallel]]
[[include :scp-wiki-cn:theme:yore]]
请注意,此版式与流明冲击相类似,将内容区域置于CSS GRID轨道中,这将导致标准图片块等浮动元素失效,大部分[[div]]元素的默认外边距也会失效。将包含这些元素的内容区段置于一个不含任何属性的{{
}}容器内即可避免这些问题。
在版式[[include]]语法后使用如下代码可以修改页眉标题、副标题、Logo和页面背景图:
[[module CSS]]
:root:lang(cn) {
--title: "版头标题";
--subtitle: "版头副标题";
--logo: url("Logo链接");
--yore-bg: url("背景链接");
}
[[/module]]在版式[[include]]语法后使用如下代码可以使部分隐去的页眉Logo完整显示:
[[module CSS]]
#header h1 a {
padding-left: calc(var(--base-header-height) * 0.125);
padding-right: calc(var(--base-header-height) * 0.25);
}
#header h1 a::before {
margin-inline-end: 0;
mask-image: none;
-webkit-mask-image: none;
}
[[/module]]页面元素
基础元素
这是引用块
嵌套引用
暗色引用块
[[div class="blockquote dark"]]
可通过四至六个连字符“----”、“-----”或“------”
标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。
1 级标题
2 级标题
3 级标题
4 级标题
5 级标题
6 级标题
这是分页(Tab View)。
嘿看,这里有更多的文本。
多么精巧绝伦。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个长的 tab,它有很多文字。
这是一个有脚注的 tab
烈海王,堂堂复活!
| 这是 | 表格 |
|---|---|
| 你应该老早 | 就知道怎么 |
| 做这个了吧 | |
1. Placeholder McD是哪位来着?
2. 这是另一个脚注。
进阶元素
假标题
假标题,即.meta-title,是目前网站版式自带的class。由于此版式的页面标题使用了一些奇特的手段实现,若需要完全还原标题的样式,请将假标题直接放在页面里,不要套上任何外层容器。
如果被套上外层容器,假标题会采用如下的阉割版样式,与完全体的主要区别是左侧并不会延伸至页面边缘:
本版式针对迭代进行了单独适配,直接生成在ListPages模块内的假标题采用默认样式显示。
章节标题格式
此为章节标题格式,默认为暗色风格。
一个酷炫的标题
[[div class="chapter-title"]]
+* 一个酷炫的标题
[[/div]]可以从多方面定制这个标题:
“噎鸣”协议
[[div class="chapter-title" style="--yore-bg: url('https://scpsandboxcn.wdfiles.com/local--files/infas12-4/1540881201396.jpg'); --bg-mode: scroll;"]]
+* “噎鸣”协议
[[/div]]样式中,--yore-bg用以控制标题块的背景图片,填入图片链接即可;将--bg-mode设为scroll可使图片跟随标题块移动,否则图片将会悬浮在原处。两个变量都是可选的。
段落标题格式
一种简易的副标题样式,包含了三种不同颜色深浅的版本。
段落标题1
段落标题2
段落标题3
[[div class="section-title"]]
段落标题1
[[/div]]
[[div class="section-title dark"]]
段落标题2
[[/div]]
[[div class="section-title darker"]]
段落标题3
[[/div]]如果标题内容过长,超出了一行的宽度,导致文本自动换行,那么标题右侧的多边形装饰就会像这个这样,只跟随在最后的文字旁。
快速换行
使用[[div class="hor"]]可以一次性创建80px的空间。
上面这段空白就是示例。
“hor”是分割线Horizon的简写,和Dr Hormress没有太大关联。
分割页面
这是一个非常迷惑的工具,可以用于创建内容区域之间的硬隔断。显而易见地,此工具只能被直接放置在内容区域之内。
[[div class="page-cut"]]
[[div class="hor"]]
[[/div]]
[[/div]]章节导航
比Earthworm更简单!只需要使用对应的[[div]]容器,在里面放上表格就好了。
[[div class="part-nav first-part"]]
|| || [# 当前篇目或中心页] || [# 后一篇目] ||
[[/div]]
[[div class="part-nav"]]
|| [# 前一篇目] || [# 当前篇目或中心页] || [# 后一篇目] ||
[[/div]]
[[div class="part-nav last-part"]]
|| [# 前一篇目] || [# 当前篇目或中心页] || ||
[[/div]]自定义DIVs
[[div class="blockquote info"]]
[[div class="blockquote title" data-title="示例标题"]]
[[div class="blockquote title small" data-title="示例标题"]]
ACS
使用[[div class="Parallel-ACS"]]把ACS的[[include]]语法套住以实现。






