4chan


[a / c / g / k / m / o / p / v / vg / vm / vmg / vr / vrpg / vst / w] [vip / qa] [cm / lgbt / x / xs] [Edit] [Settings] [Search] [Mobile] [Home]

/x/ - Paranormal
unknown.png

[Start a New Thread]

unknown.png
Thebackrooms.jpg

If you're not careful and you noclip out of reality in the wrong areas, you'll end up in the Backrooms, where it's nothing but the stink of old moist carpet, the madness of mono-yellow, the endless background noise of fluorescent lights at maximum hum-buzz, and approximately six hundred million square miles of randomly segmented empty rooms to be trapped in

God save you if you hear something wandering around nearby, because it sure as hell has heard you

>>

>>49760284 (OP)
To use this theme include: [[include :backrooms-wiki:theme:4chan]]

rating: +26+x

General information

Theme made by ManganianManganian. It resembles famous 4chan board, /x/ - Paranormal, where The Backrooms creepypasta has been written. Made especially for Backrooms wiki, Wanderers' Library and SCP wiki.

Thanks to Ross DearRoss Dear for help with code and greenlighting theme.

To import this theme to your page, put the following text anywhere inside it:


Add:

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

Fonts

Font used in the header (it's actually invisible), title and body is Kanit.

Font used in monospace is Space Mono.

To see page buttons (bottom of page), add to URL /norender/true/1.

Note that only this page doesn't show a page title. In any page it would be visible on a top of a page. To hide it, use code:

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

How to use Chan Divs

This theme supports using divs that resembles 4chan posts. Code for it is modified CSS code of SCP-4991 by Westrin

Thread

In this section I will explain how to use thead divs to make it look like 4chan.

Thread container

This thing needs to be first in thread code to create that blue background. Do not nest it. It should be used once per thread.

[[div class="chan thread-container"]]
(there should be other divs)
[[/div]]

(there should be other divs)

File

File is responsible for the text on top of thread/reply. Edit IMAGE-NUMBERS.png to your custom text. [SIZE] should be a number and [X] and [Y] are width and height of file. Note that it doesn't make an image visible, it's just raw text.
After putting that div, you can add normal image module. ( [[f<image URL width="Xpx"]] )

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

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

Apis_mellifera_Western_honey_bee.jpg

Post info

This div shows standard post info: User, date, time and post ID.

[[div class="post-info"]]
##117743|**[USERNAME]**## MM/DD/YY(Day)HH:MM:0SS No.NUMBERS
[[/div]]

Post content

Content of a post. Greentext can be added by ##789922|>TEXT##

[[div class="post-content"]]
##789922|>be me##
##789922|>me bee##
beee
[[/div]]

>be me
>me bee
beee

Replies

You can also add replies to threads.

Reply container

[[div class="reply-container"]]
(there should be other divs)
[[/div]]

(there should be other divs)

Reply arrows

Just arrows :P. They are are added after "reply-container".

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

>>

Reply

To create reply (it has to be in reply-container) you have to include reply div, post-info div, and post-content div.

[[div class="chan thread-container"]] [!-- This thing needs to be here to create that blue background. --]
[[div class="reply"]]
[[div class="post-info"]]
##117743|**[USERNAME]**## MM/DD/YY(Day)HH:MM:0SS No.NUMBERS ##000080|▶ __@@>>@@NUMBERS__##
[[/div]]
[[div class="post-content"]]
##000080|__@@>>@@NUMBERS (OP)__##
Text
[[/div]]
[[/div]]
[[/div]]

>>5367282 (OP)
Text

So, after adding thread-container, reply-container, reply-arrows, reply, post-info and post-content it should look like this:

[[div class="chan thread-container"]] [!-- This thing needs to be here to create that blue background --]
[[div class="reply-container"]]
[[div class="reply-arrows"]]
@@>>@@
[[/div]]

[[div class="reply"]]
[[div class="post-info"]]
##117743|**[USERNAME]**## MM/DD/YY(Day)HH:MM:0SS No.NUMBERS ##000080|▶ __@@>>@@NUMBERS__##
[[/div]]

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

>>

>>49760284 (OP)
This is a reply.

Other

Other, not neccesary divs.

Summary

[[div class="summary"]]
X replies omitted. Click here to view.
[[/div]]

10 replies omitted. Click here to view.

Post template:

[[div class="chan thread-container"]]
[[div class="chan-file"]]
File: ##0000EE|__IMAGE-NUMBERS.png__## ([SIZE] KB, [X]x[Y])
[[f<image link.png width="230px"]]
[[/div]]
[[div class="post-info"]]
##117743|**Anonymous**## MM/DD/YY(Day)HH:MM:0SS No.NUMBERS
[[/div]]
[[div class="post-content"]]
##789922|>greentext##
Text
[[/div]]
[[div class="reply-container"]]

[[/div]]
[[div class="reply-arrows"]]
@@>>@@
[[/div]]
[[div class="reply"]]
[[div class="post-info"]]
##117743|**Anonymous**## MM/DD/YY(Day)HH:MM:SS No.NUMBERS ##000080|▶ __@@>>@@NUMBERS__##
[[/div]]
[[div class="post-content"]]
##000080|__@@>>@@NUMBERS (OP)__##
##789922|>greentext##
Text
[[/div]]
[[/div]]
[[/div]]

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

Apis_mellifera_Western_honey_bee.jpg

>be me
>me bee

Profit

>>

>>62555263 (OP)
Mmmmmm bee

Examples

backrooms-pl-bgtr.png

mmmmm

A horizontal rule can be created with 5 hyphens "-----" and extends across the whole page if it's not placed inside anything (eg a blockquote). The lines separating sections of this document are horizontal rules.


Titles can be created by putting between one and six plus "+" at the start of the line

This is a tab view.

This is a blockquote, created by putting "> " at the start of each line.
More text


That's a horizontal rule

Nested blockquotes

This is a table
You should know how to make these
already

[[div class="darkblock"]]

[[/div]]

[[div class="lightblock"]]

[[/div]]

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

[[/div]]

INSERT TEXT
[[div class="titleblock"]]
[[span class="titlebox"]]INSERT TEXT[[/span]]

[[/div]]

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License