4chan版式

注意

此页为于The Backrooms中文wiki内部使用的“主题版式”页面。用于在其他页面中引用。

未经版式作者或工作人员允许,请勿修改此页的内容。



[a / c / g / k / m / o / p / v / vg / vm / vmg / vr / vrpg / vst / w] [vip / qa] [cm / lgbt / x / xs] [编辑] [设置] [搜索] [移动端] [主页]

/x/ - Paranormal
unknown.png

[开始一个新的讨论串]


unknown.png
Thebackrooms.jpg

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

>>

>>49760284 (OP)
[[include :backrooms-wiki-cn:theme:4chan]] 放在你的文章中即可使用该版式。


一般信息

版式由ManganianManganian制作,其类似于著名的4chan论坛,/x/ - Paranormal,也就是The Backrooms creepypasta所发表的地方。该版式专为Backrooms wikiWanderers' LibrarySCP wiki所制作。

感谢Ross DearRoss Dear的代码帮助以及绿灯。

要在您的页面使用这个版式,请将以下内容放在页面的任何一个地方:


添加:

[[include :backrooms-wiki-cn:theme:4chan]]

字体

版头(实际上被隐藏了),标题和正文所使用的字体是Kanit。

等宽字体是Space Mono。

若想看到页面底部的底部选项,请将/norender/true/1放入链接尾部。

注意,只有这个页面不显示页面标题。但其在任何页面上,都会在页面顶部显示。若要隐藏,请使用以下代码:

[[module CSS]]
#page-title {
display: none;
}
[[/module]]

如何使用Chan Divs

这个版式支持任何类似于4chan的界面的div,代码根据WestrinWestrinSCP-4991的CSS代码修改。

讨论

在这里我将讲解如何使用div将你的页面看起来像4chan。

讨论块

有关讨论块并没有什么过多技术,因为版式默认颜色与div的背景色相同。

[[div class="chan thread-container"]]
(这里应该还有其他div)
[[/div]]

(这里应该还有其他div)

文件

文件用于对其顶部的讨论块进行回复,编辑IMAGE-NUMBERS.png到您的自定义文本。[SIZE]应该是个数字而[X][Y]是文件的宽和高。请注意,这并不会使图像可见,你编辑的还只是原始文本。
当你把div放入文中后,将([[f<image URL width="Xpx"]])也放入文中即可看到图像。

[[div class="chan-file"]]
File: ##0000EE|__图像号码.png__## ([SIZE] KB, [X]x[Y])
[[f<image URL width="Xpx"]]
[[/div]]

File: 66725362.png (213 KB, 385x398)

Apis_mellifera_Western_honey_bee.jpg

发帖信息

这个div展示了标准的发帖信息:用户、日期、时间和帖子ID。

[[div class="post-info"]]
##117743|**[用户名]**## 月/日/年(星期)时:分:秒 No.号码
[[/div]]

帖子内容

帖子内容中的绿色字体可使用右侧代码:##789922|>文本##

[[div class="post-content"]]
##789922|>是我##
##789922|>我蜜蜂##
哔哔哔哔
[[/div]]

>是我
>我蜜蜂
哔哔哔哔

回复

你也可以给帖子添加回复。

回复块

[[div class="reply-container"]]
(这里应该还有其他div)
[[/div]]

(这里应该还有其他div)

回复箭头

就是个箭头:P,这些通常被放在“reply-container”后面。

[[div class="reply-arrows"]]
@@>>@@
[[/div]]

>>

回复

若要创建回复(必须在回复块里),必须得包含reply div,post-info div和post-content div。

[[div class="reply"]]
[[div class="post-info"]]
##117743|**[用户名]**## 月/日/年(星期)时:分:秒 No.号码 ##000080|▶ __@@>>@@号码__##
[[/div]]
[[div class="post-content"]]
##000080|__@@>>@@号码(OP)__##
文本
[[/div]]
[[/div]]

>>5367282 (OP)
文本

所以,在添加reply-container,reply-arrows,reply,post-info和post-content后它看起来应该是这样的:

[[div class="reply-container"]]
[[div class="reply-arrows"]]
@@>>@@
[[/div]]

[[div class="reply"]]
[[div class="post-info"]]
##117743|**[用户名]**## 月/日/年(星期)时:分:秒 No.号码 ##000080|▶ __@@>>@@号码__##
[[/div]]

[[div class="post-content"]]
##000080|__@@>>@@号码 (OP)__##
Text.
[[/div]]
[[/div]]
[[/div]]
[[/div]]

>>

>>49760284 (OP)
这是个回复。

其他

其他就没有重要的div了。

总结

[[div class="summary"]]
X回复被省略,点此查看。
[[/div]]

10回复被省略,点此查看。

帖子模板:

[[div class="chan thread-container"]]
[[div class="chan-file"]]
File: ##0000EE|__图像号码.png__## ([SIZE] KB, [X]x[Y])
[[f<image link.png width="230px"]]
[[/div]]
[[div class="post-info"]]
##117743|**Anonymous**## 月/日/年(星期)时:分:秒 No.号码
[[/div]]
[[div class="post-content"]]
文本
[[/div]]
[[div class="reply-container"]]
(这里应该还有其他div)
[[/div]]
[[div class="reply-arrows"]]
@@>>@@
[[/div]]
[[div class="reply"]]
[[div class="post-info"]]
##117743|**Anonymous**## 月/日/年(星期)时:分:秒 No.号码 ##000080|▶ __@@>>@@号码__##
[[/div]]
[[div class="post-content"]]
##000080|__@@>>@@号码 (OP)__##
文本
[[/div]]
[[/div]]
[[/div]]

File: 636272462.png (136 KB, 402x398)

Apis_mellifera_Western_honey_bee.jpg

>是我
>我蜜蜂

profit

>>

>>62555263 (OP)
嗡嗡嗡嗡嗡嗡蜜蜂

示例

backrooms-pl-bgtr.png

嗡嗡嗡嗡嗡

可以使用五个连字符"-" 创建水平线,如果未将其放置在任何内容(例如引用块)中,则可以扩展到整个页面。分隔本文档各部分的行是水平线。


在行首处插入1到6个加号”+”以创建标题

这是一个表格预览。

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


还有水平线

嵌套引用

这是个 表儿
你应该 已经知道
怎么做了

[[div class="darkblock"]]

[[/div]]

[[div class="lightblock"]]

[[/div]]

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

[[/div]]

插入文本
[[div class="titleblock"]]
[[span class="titlebox"]]插入文本[[/span]]

[[/div]]

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