身先士卒 主题版式
black-highlighter-logo.svg

评分模块:

评分: +26+x

评分模块与著作信息模块:

评分: +26+x

著作信息模块:

这是什么?

这是一个由Agt DarkwallAgt Darkwall制作的有关荏苒荒凉设定的主题板式。

本板式基于黑色标记笔

在你的作品开头添加如下语法以应用此版式:

[[include :scp-wiki-cn:theme:black-highlighter-theme]]
[[include :scp-wiki-cn:theme:lead-by-example]]

考虑到荏苒荒凉设定的适用范围较小,如果有作者想要在基金会武装部队之外的背景使用本板式,本板式同样支持自定义标题与标志。

换句话说:如果你觉得,”我真喜欢这个板式,但是基金会标志不彳亍,必须换成我心仪的演绎部/圆头耄耋/侯国玉/丰川祥子“,那就在以上代码的后面再加一个这玩意,然后放手一搏吧。

[[module CSS]]
:root {
--lgurl: url('图源放这 url');
}
:root:lang(cn) {
--header-title: "标题";
--header-subtitle: "副标题";
}
[[/module]]




预设项

本板式内置了一些预设的视觉效果,可以通过在引入时修改参数来改变其外观。

navy2.png

SCP 海军迷彩 预设

引入方式:

[[include :scp-wiki-cn:theme:black-highlighter-theme]]
[[include :scp-wiki-cn:theme:lead-by-example |navy=true]]


army2.png

SCP 陆军迷彩 预设

引入方式:

[[include :scp-wiki-cn:theme:black-highlighter-theme]]
[[include :scp-wiki-cn:theme:lead-by-example |army=true]]




主题颜色

Payne's Grey--gray-monochrome(66, 66, 72)
Asparagus--bright-accent(143, 151, 121)
{$color3-name}{$color3-variable}{$color3-info}
{$color4-name}{$color4-variable}{$color4-info}
{$color5-name}{$color5-variable}{$color5-info}
{$color6-name}{$color6-variable}{$color6-info}
Alto--very-light-gray-monochrome(215, 215, 215)
White Smoke--pale-gray-monochrome(244, 244, 244)
Bastille--dark-gray-monochrome(48, 48, 52)
Resada Green--medium-accent(108, 124, 89)
Rifle Green--dark-accent(68, 76, 56)
Olive Chatreuse--newpage-color(181, 195, 0)
{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}
{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}
{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}
{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}
{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}
{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}



示例

可通过五个连字符“-----”创建水平分割线。若它未被放在其他部件(诸如引用块)中,则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。


标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。





此为分页(tab view)。




这是一个引用块,在一行字的起始处加上“> ”来创建。
更多文字


一条分割线

嵌套引用块


这是 表格
你应该老早 就知道怎么
做这个了吧





特殊元素

本版式有包含标题、内容、分割线等多种特殊元素。

如下一般使用div可提供另一种风格的引用块:

[[div class="blockquote-s"]]
这是另一种引用块。
第34特遣舰队现在何处?重复一遍,现在何处?全世界都想知道。
在使用海军或者陆军预设效果时,背景会变为迷彩。
注意:在使用海军或者陆军预设效果时使用此div时行数尽量放在40行以下,否则迷彩背景会过度拉伸或过度放大。我正在想办法解决这个问题。
[[/div]]

这是另一种引用块。
第34特遣舰队现在何处?重复一遍,现在何处?全世界都想知道。
在使用海军或者陆军预设效果时,背景会变为迷彩。
注意:在使用海军或者陆军预设效果时使用此div时行数尽量放在40行以下,否则迷彩背景会过度拉伸或过度放大。我正在想办法解决这个问题。





“扫描”效果标题:

此为浅色背景扫描:
[[div class="title-a"]]
2027年5月9日 0332 | 加拿大东部,安蒂科斯蒂岛
[[/div]]
此为深色背景扫描:
[[div class="title-b"]]
2027年5月9日 0332 | 加拿大东部,安蒂科斯蒂岛
[[/div]]

2027年5月9日 0332 | 加拿大东部,安蒂科斯蒂岛


2027年5月9日 0332 | 加拿大东部,安蒂科斯蒂岛





不带“扫描”效果但是保留排版的标题:

此为浅色背景:
[[div class="title-a-noscan"]]
2027年5月9日 0332 | 加拿大东部,安蒂科斯蒂岛
[[/div]]
此为深色背景:
[[div class="title-b-scan"]]
2027年5月9日 0332 | 加拿大东部,安蒂科斯蒂岛
[[/div]]

2027年5月9日 0332 | 加拿大东部,安蒂科斯蒂岛


2027年5月9日 0332 | 加拿大东部,安蒂科斯蒂岛





乱码滚动效果标题 公然借鉴COD4

[[div class="title-c"]]
[[span class="glitch" style="--i:0" data-char="“"]]“[[/span]][[span class="glitch" style="--i:1" data-char="沙"]]沙[[/span]][[span class="glitch" style="--i:2" data-char="漠"]]漠[[/span]][[span class="glitch" style="--i:3" data-char="飓"]]飓[[/span]][[span class="glitch" style="--i:4" data-char="风"]]风[[/span]][[span class="glitch" style="--i:5" data-char="”"]]”[[/span]][[span class="glitch" style="--i:6" data-char="行"]]行[[/span]][[span class="glitch" style="--i:7" data-char="动"]]动[[/span]]
[[/div]]


注意:使用时要十分小心,每输入一个字符就需要将"—i:数字"的值+1,无论哪个字符输错或是出现的两次不对应都有可能导致显示错误。





没有乱码滚动效果但是保留排版的标题 啊这就简单多了

[[div class="title-d"]]
“沙漠飓风”行动
[[/div]]


“沙漠飓风”行动





加入网格渐变的类似标题:

[[div class="title-d-grid"]]
“沙漠飓风”行动
[[/div]]


“沙漠飓风”行动





“军事笔记本”内容框:

[[div class="notebook"]]
[[div class="notebook-grid"]]
[[/div]]

[[div class="notebook-divider"]]
[[/div]]

[[div class="notebook-lines"]]
在使用海军或者陆军预设效果时,背景会变为迷彩。
你从丹东来
换的我一身雪白
想吃广东菜
······
你从丹东来
换的我一身雪白
想吃广东菜
[[/div]]
[[/div]]


在使用海军或者陆军预设效果时,背景会变为迷彩。
你从丹东来
换的我一身雪白
想吃广东菜
你从丹东来
换的我一身雪白
想吃广东菜
你从丹东来
换的我一身雪白
想吃广东菜
你从丹东来
换的我一身雪白
想吃广东菜
你从丹东来
换的我一身雪白
想吃广东菜
你从丹东来
换的我一身雪白
想吃广东菜
你从丹东来
换的我一身雪白
想吃广东菜





“筑垒防线”分割线(参考北约标准军事符号系统APP-6中的“Fortified Line”):

这是文字
~~~~
[[div class="divider-fortified"]]
[[/div]]
~~~~
这是蚊子,嗡——嗡——



这是文字

这是蚊子,嗡——嗡——



“蛇腹铁丝网”分割线(参考北约标准军事符号系统APP-6中的“Wire Obstacle (Single Strand Concertina)”):

这是文字
~~~~
[[div class="divider-fortified"]]
[[/div]]
~~~~
这是蚊子(谐音梗扣钱)



这是文字

这是蚊子(谐音梗扣钱)




“部队分界线”分割线(参考北约标准军事符号系统APP-6中的“Sector Boundaries”):

本分割线有粗、中、细三种版本,以下为粗版。
~~~~
[[div class="divider-bound thick"]]
XXXXXX
[[/div]]
~~~~
以下为中版。
~~~~
[[div class="divider-bound"]]
XXXXXX
[[/div]]
~~~~
以下为细版。
~~~~
[[div class="divider-bound thin"]]
XXXXXX
[[/div]]
~~~~



这是粗版。在军事地图中,这种分界线通常用来分割一条战线上不同部队负责的区域。
在北约标准军事符号系统中,XXXXX表示集团军群。

XXXXX

这是中版。通常来说,越大的部队之间分界线也会越粗,反之亦然。
在北约标准军事符号系统中,III表示团。

III

这是细版。军事编制并非完全是死板的“军师旅团营连排班”。许多国家拥有自己独特的军事编制,例如“分队”(Section)在美军中表示比班大而比排小的单位。
在北约标准军事符号系统中,••表示分队。

••

这是文字。



一切版式非特殊元素字体与黑色标记笔主题相同
部分元素使用凤凰点阵体
部分元素使用马善政毛笔楷书
部分元素使用Noto Sans SC
所有字体均基于 SIL 开源字体许可 Ver. 1.1
ChatGPT提供了部分代码支持与帮助。



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