版式:更好的空白
评分: +52+x

更好的空白(Better Blank)是由 AmbersightAmbersight 制作的美学版式,不与任何团体、设定、文章系列挂钩。设计上参考了 PedagonPedagon极简黑标主题版式EstrellaYoshteEstrellaYoshte单色型版式半影版式

若需使用本版式,请在所需使用的文章开头加上以下代码:

[[include :backrooms-wiki-cn:theme:better-blank]]

你可以在 [[include]] 之后使用如下 CSS 模块来修改版式的颜色。

[[module CSS]]
:root {
/*深色*/--bb-black: 0, 0, 0;
/*浅色*/--bb-white: 255, 255, 255;
}
[[/module]]

使用以下组件修改版头文字。

[[include :backrooms-wiki-cn:component:title
|1=标题
|2=副标题
]]


示例

cc_level_0.jpeg

地狱。

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


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

正常文字 | Body Font
粗体字 | Bold Font
斜体字 | Italics
下划线 | Underline
删除线 | Strikethrough
等宽字 | Mono Font
上标 | Superscript
下标 | Subscript
脚注1 | Footnote2
正常链接
不存在的链接
访问过的链接

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


一条分割线

嵌套引用块


嵌套引用块里的分割线

亮色块,链接样式


[[div class="lightblock"]]

[[/div]]

暗色块,链接样式
所有包裹在暗色块中的元素都是反色的。


[[div class="darkblock"]]

[[/div]]

样式块,链接样式


[[div class="styled-quote"]]

[[/div]]

代码块,虚线的。
[[code]]

[[/code]]

也是虚线的,但不是代码块。链接样式


[[div class="dotted-quote"]]

[[/div]]

强调块,也是版式中唯一非双色的元素。链接样式
所有包裹在强调块中的元素都是强调色的,但我不建议你在里面放暗色块(


[[div class="accent-block"]]

[[/div]]


要更改强调色,使用以下 CSS 模块代码:

[[module CSS]]
:root {
/*深色*/--bb-accent-color: 0, 0, 0;
/*浅色*/--bb-accent-background: 255, 255, 255;
}
[[/module]]

这是 表格
你应该老早 就知道怎么
做这个了吧
1 2
3 4
谁是这里 最厉害的?
#十六进制 #至高无上

版头、标题、正文的字体为思源黑体 / Inter
等宽字体为思源宋体 / Bitter


更多功能

圆角 DIV

将其他 div 包裹在以下代码中,即可将之变为圆角:

[[div class="radius-div"]]

[[/div]]

示例:
[[div class="radius-div"]]
[[div class="lightblock"]]
文本
[[/div]]
[[/div]]

文本

替换样式

更多分割线样式

默认分割线(虚线):

[[div class="dashed-hr"]]
[[/div]]

实线分割线:
[[div class="solid-hr"]]
[[/div]]

渐变分割线(来自 GP!):
[[div class="styled-hr"]]
[[/div]]

更多折叠样式

将折叠包裹在“classic-collap”div 中,使其获得与链接相同的样式:

[[div class="classic-collap"]]
[[collapsible show="+ 展示" hide="- 关闭"]]
内容
[[/collapsible]]
[[/div]]

效果:

将折叠包裹在“styled-collap”div 中,使其获得 EltracEltrac 百用不腻的特别样式:

[[div class="styled-collap"]]
[[collapsible show="展示" hide="关闭"]]
内容
[[/collapsible]]
[[/div]]

效果:

更多图片框样式

cc_level_0.jpeg

图片下方的描述。

将图片框包裹在“reversed-image”div 中,交换其文字与描述栏的颜色:

[[div class="reversed-image"]]
[[include component:image-block
|name=URL
|caption=图片下方的描述。
]]
[[/div]]

cc_level_0.jpeg

图片下方的描述。

将图片框包裹在“bordered-image”div 中,使其拥有一个边框:

[[div class="bordered-image"]]
[[include component:image-block
|name=URL
|caption=图片下方的描述。
]]
[[/div]]

更多标题样式

默认的标题是居中的,你可以将之隐藏(详见下方预设),随后更换为你喜欢的样式。
使用“meta-title”创建一个标题。其样式与默认标题相同。

[[div class="meta-title"]]
标题内容
[[/div]]

标题内容


加上“classic-title”使之变为阈限版式的经典标题样式。
[[div class="classic-title meta-title"]]
标题内容
[[/div]]

标题内容


加上“new-title”使之变为新阈限版式的标题样式。
[[div class="new-title meta-title"]]
标题内容
[[/div]]

标题内容


预设选项

本版式预设了一些可选的快捷设置,通过引用时定义变量开启:

[[include :backrooms-wiki-cn:theme:better-blank
|设置选项1=a
|设置选项2=a
]]


你可以一次使用多个预设,它们互不冲突(颜色预设除外)。

隐藏标题

隐藏页面上方的标题。

|title=a

删除版头与顶栏

版式上方有一片空白,将鼠标悬停于上即可看到顶栏与版头。如删除顶栏,将使你的页面失去一部分导航功能。同时,移动端的顶栏不受影响。

|del=a

显示版头与顶栏

即使鼠标不悬停,顶栏与版头依旧不会消失。

|header=a

交换字体

交换正文 / 标题字体与等宽字体。版头字体不受影响。

|font=a

全角字体

去除版式中预设的英文字体(Inter/Bitter),这会使你获得全角的标点符号。

|sbc=a

预设颜色

这里有一些预设的颜色选项,它们主要来自于站内的其他版式。当然,你也可以尝试自己搭配。示例文本来自 Level 0

对比

|contrast=a

纯黑白。在Level 0中,线性空间发生了相当大的变化;以至于可能顺着直线行走却返回起点,而沿着你的足迹折返将会导致一组新的、不同的房间替代已经通过的房间出现。由于这一点,以及各房间之间的视觉相似性,试图在后室中进行稳定的导航是十分困难的。指南针和GPS定位器等设备无法在本层中正常运行,无线电通信则会变得失真且不可靠。

反色

|reverse=a

在Level 0中,线性空间发生了相当大的变化;以至于可能顺着直线行走却返回起点,而沿着你的足迹折返将会导致一组新的、不同的房间替代已经通过的房间出现。由于这一点,以及各房间之间的视觉相似性,试图在后室中进行稳定的导航是十分困难的。指南针和GPS定位器等设备无法在本层中正常运行,无线电通信则会变得失真且不可靠。

灰度

|gray=a|grey=a

在Level 0中,线性空间发生了相当大的变化;以至于可能顺着直线行走却返回起点,而沿着你的足迹折返将会导致一组新的、不同的房间替代已经通过的房间出现。由于这一点,以及各房间之间的视觉相似性,试图在后室中进行稳定的导航是十分困难的。指南针和GPS定位器等设备无法在本层中正常运行,无线电通信则会变得失真且不可靠。

浅海

|blue=a

在Level 0中,线性空间发生了相当大的变化;以至于可能顺着直线行走却返回起点,而沿着你的足迹折返将会导致一组新的、不同的房间替代已经通过的房间出现。由于这一点,以及各房间之间的视觉相似性,试图在后室中进行稳定的导航是十分困难的。指南针和GPS定位器等设备无法在本层中正常运行,无线电通信则会变得失真且不可靠。

旧书

|book=a

在Level 0中,线性空间发生了相当大的变化;以至于可能顺着直线行走却返回起点,而沿着你的足迹折返将会导致一组新的、不同的房间替代已经通过的房间出现。由于这一点,以及各房间之间的视觉相似性,试图在后室中进行稳定的导航是十分困难的。指南针和GPS定位器等设备无法在本层中正常运行,无线电通信则会变得失真且不可靠。

粉嫩

|pink=a

在Level 0中,线性空间发生了相当大的变化;以至于可能顺着直线行走却返回起点,而沿着你的足迹折返将会导致一组新的、不同的房间替代已经通过的房间出现。由于这一点,以及各房间之间的视觉相似性,试图在后室中进行稳定的导航是十分困难的。指南针和GPS定位器等设备无法在本层中正常运行,无线电通信则会变得失真且不可靠。

正义

|justice=a

在Level 0中,线性空间发生了相当大的变化;以至于可能顺着直线行走却返回起点,而沿着你的足迹折返将会导致一组新的、不同的房间替代已经通过的房间出现。由于这一点,以及各房间之间的视觉相似性,试图在后室中进行稳定的导航是十分困难的。指南针和GPS定位器等设备无法在本层中正常运行,无线电通信则会变得失真且不可靠。

辉光

|glow=a

在Level 0中,线性空间发生了相当大的变化;以至于可能顺着直线行走却返回起点,而沿着你的足迹折返将会导致一组新的、不同的房间替代已经通过的房间出现。由于这一点,以及各房间之间的视觉相似性,试图在后室中进行稳定的导航是十分困难的。指南针和GPS定位器等设备无法在本层中正常运行,无线电通信则会变得失真且不可靠。

数据

|data=a

在Level 0中,线性空间发生了相当大的变化;以至于可能顺着直线行走却返回起点,而沿着你的足迹折返将会导致一组新的、不同的房间替代已经通过的房间出现。由于这一点,以及各房间之间的视觉相似性,试图在后室中进行稳定的导航是十分困难的。指南针和GPS定位器等设备无法在本层中正常运行,无线电通信则会变得失真且不可靠。

阈限

|liminal=a

在Level 0中,线性空间发生了相当大的变化;以至于可能顺着直线行走却返回起点,而沿着你的足迹折返将会导致一组新的、不同的房间替代已经通过的房间出现。由于这一点,以及各房间之间的视觉相似性,试图在后室中进行稳定的导航是十分困难的。指南针和GPS定位器等设备无法在本层中正常运行,无线电通信则会变得失真且不可靠。

长青

|green=a

在Level 0中,线性空间发生了相当大的变化;以至于可能顺着直线行走却返回起点,而沿着你的足迹折返将会导致一组新的、不同的房间替代已经通过的房间出现。由于这一点,以及各房间之间的视觉相似性,试图在后室中进行稳定的导航是十分困难的。指南针和GPS定位器等设备无法在本层中正常运行,无线电通信则会变得失真且不可靠。


以上就是本版式的使用说明了!如果你发现任何问题,请不要犹豫,直接 WIKI 私信 AmbersightAmbersight 说明或者在评论区指出,我会尽可能修复它们!


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