版式:报纸
评分: +22+x

基础版式内容

版式由GaplouelPewGaplouelPew为后室中文月刊制作,部分设计及代码借鉴自EtinjatEtinjat的杂志版式。

若希望将该版式应用到自己的文章中,请添加以下代码:
[[include :backrooms-wiki-cn:theme:newspaper |base = --]
|color=grey/yellow
]]

全部修改部分示例:
[[include :backrooms-wiki-cn:theme:newspaper |base = --]
|page-title=true/false
|custom-color-name=grey
|custom-color-white=247, 246, 243
|custom-color-pale=235, 234, 232
|custom-color-light=179, 175, 168
|custom-color-dark=91, 88, 86
|custom-color-accent=123, 123, 123
|custom-color-black=35, 31, 27
|color=grey(与custom-color-name一致)
]]

[[module css]]
:root {
    --header-title: "The Backrooms";
    --header-subtitle: "你曾经来过这里";
    --logo-image: url("https://github.backroomswiki.cn/New_BHL/image/logo.svg");
}
[[/module]]
Level%200

Level 0 的第一张照片。

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


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

此为分页(tab view)。

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


一条分割线

嵌套引用块

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

[[div class="darkblock"]]

[[/div]]

[[div class="lightblock"]]

[[/div]]

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

[[/div]]


标题

标题A 居左

标题A 居中

标题A 居右

[[span class="NP-title A"]]标题A 居左[[/span]]

[[span class="NP-title A Center"]]标题A 居中[[/span]]

[[span class="NP-title A Right"]]标题A 居右[[/span]]

标题B 居左

标题B 居中

标题B 居右

[[span class="NP-title B"]]标题B 居左[[/span]]

[[span class="NP-title B Center"]]标题B 居中[[/span]]

[[span class="NP-title B Right"]]标题B 居右[[/span]]

正标题此处添加副标题文字

正标题此处添加副标题文字

正标题此处添加副标题文字

[[div class="NP-title C"]]
[[span class="MainTitle"]]正标题[[/span]][[span class="SubTitle"]]此处添加副标题文字[[/span]]
[[/div]]

[[div class="NP-title C Center"]]
[[span class="MainTitle"]]正标题[[/span]][[span class="SubTitle"]]此处添加副标题文字[[/span]]
[[/div]]

[[div class="NP-title C Right"]]
[[span class="MainTitle"]]正标题[[/span]][[span class="SubTitle"]]此处添加副标题文字[[/span]]
[[/div]]

页面大标题

[[span class="NP-meta-title"]]页面大标题[[/span]]
若需将这些标题应用到目录中,在其代码前方加上标题符号(即+)即可
示例:
+ [[span class="NP-title A"]]标题A 居左[[/span]]

分割线

[[div class="NP-horizonline A"]]
[[/div]]
[[div class="NP-horizonline B"]]
[[/div]]
logo.svg
[[div class="NP-horizonline C"]]
[[image https://github.backroomswiki.cn/New_BHL/image/logo.svg]]
[[/div]]
图片可进行替换

图片及文字块

图片块

无边框图片块
Level%200

Level 0的第一张照片。

[[div class="NP-image-nonborder"]]
[[include component:image-block
|name=http://backrooms-sandbox-2.wikidot.com/local--files/cclevel0/Level%200
|caption=**Level 0**的第一张照片。
|align=center
]]
[[/div]]


回形针图片块
Level%200

Level 0的第一张照片。

[[div class="NP-image-clip"]]
[[include component:image-block
|name=http://backrooms-sandbox-2.wikidot.com/local--files/cclevel0/Level%200
|caption=**Level 0**的第一张照片。
|align=right
]]
[[/div]]

回形针样式代码来自于Etinjat的杂志版式


胶带图片块
Level%200

Level 0的第一张照片。

[[div class="NP-image-tape"]]
[[include component:image-block
|name=http://backrooms-sandbox-2.wikidot.com/local--files/cclevel0/Level%200
|caption=**Level 0**的第一张照片。
|align=left
]]
[[/div]]




文字块

便签纸

此处为内容

[[div class="NP-text Note Center"]]
= 便签纸
此处为内容
[[/div]]



回形针便签纸

此处为内容

[[div class="NP-text Clip Right"]]
= 回形针便签纸
此处为内容
[[/div]]



胶带便签纸

此处为内容

[[div class="NP-text Tape Left"]]
= 胶带便签纸
此处为内容
[[/div]]




标题文字块

标题文字块
此处为内容

[[div class="NP-text-block Title"]]
[[span class="Title"]]标题文字块[[/span]]
此处为内容
[[/div]]

此处为内容

[[div class="NP-text-block Title"]]
此处为内容
[[/div]]
Level%200

{$caption}

分栏文字块

此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容

此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容

便签纸

此处为内容

此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容

[[div class="NP-text-block Colume"]]
[[div class="NP-image-clip NoCaption"]]
[[include component:image-block
|name=http://backrooms-sandbox-2.wikidot.com/local--files/cclevel0/Level%200
|align=center
]]
[[/div]]

++++++ 分栏文字块

此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容

此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容

[[div class="NP-text Tape Center"]]
= 便签纸
此处为内容
[[/div]]

此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容此处为内容
[[/div]]


目录

[[include :backrooms-wiki-cn:theme:newspaper |toc = --]]]

切记要将目录代码置于版式代码之下,这样才可使目录位于页面顶端
示例:
[[include :backrooms-wiki-cn:theme:newspaper |base = --]
|color=grey
]]
[[include :backrooms-wiki-cn:theme:newspaper |toc = --]]]


推文块使用

Level 0

http://backrooms-wiki-cn.wikidot.com/level-0

Level%200

{$caption}


Level 0 是一处非线性空间,外观类似于一家零售店的储藏后室。与它此前被确认的形式相似,Level 0 中的所有房间都在外观上呈现出具有共同表面特征的统一制式模样,例如泛黄的墙纸、潮湿的地毯和以不一致方式安装的荧光灯具。然而,本层中不存在两个完全相同的房间。

“假如你不小心在错误的地方从现实中切出,你最终将坠入后室,这里只有腐臭的潮湿地毯,令人发狂的单调黄色,荧光灯全力运作发出的永无止境的嗡鸣,还有令人深陷其中的大约六亿平方英里随机分割的空荡房间。倘若你听见有什么东西在附近徘徊,愿上帝保佑你吧,因为它一定也听见了你的声音……”

[[include :backrooms-wiki-cn:theme:newspaper |topic = --]
|url=http://backrooms-wiki-cn.wikidot.com/level-0
|image=http://backrooms-sandbox-2.wikidot.com/local--files/cclevel0/Level%200
|name=Level 0
|selection=**Level 0** 是一处非线性空间,外观类似于一家零售店的储藏后室。与它此前被确认的形式相似,**Level 0** 中的所有房间都在外观上呈现出具有共同表面特征的统一制式模样,例如泛黄的墙纸、潮湿的地毯和以不一致方式安装的荧光灯具。然而,本层中不存在两个完全相同的房间。
|comment=“假如你不小心在错误的地方从现实中切出,你最终将坠入后室,这里只有腐臭的潮湿地毯,令人发狂的单调黄色,荧光灯全力运作发出的永无止境的嗡鸣,还有令人深陷其中的大约六亿平方英里随机分割的空荡房间。倘若你听见有什么东西在附近徘徊,愿上帝保佑你吧,因为它一定也听见了你的声音……”
|image-hyperlink=false
]]

若希望将超链接放置到图片上,则将image-hyperlink改成true


源代码

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