Гора правит темы - Flopstyle: DARK

Гора правит темы - Flopstyle: DARK
Переводчик:ㅤ VladislavTheMountain
Опубликовано 12:58 24.10.2024

Это рабочий пример authorbox. Обратитесь к подсекции Sidebox'ы за подробностями.

Оглавление

I. Что это?
II. Как использовать
1. Включённые компоненты
2. Переменные темы
3. Плашка Flops
4. Sidebox'ы
5. Прочие изменяемые секции
6. Варианты темы
III. Примеры оформления (ОБЩИЕ)
IV. Примеры оформления (ПРОДВИНУТЫЕ)

Flopstyle: DARK
Это рабочий пример `sidebox`.

Это flavorbox

Обратитесь к подсекции Sidebox'ы за подробностями.

Flopstyle: DARK

Хаб визуальных тем » Тема Flopstyle: DARK

Рейтинг

Что это?

Это тема, созданная Lt Flops. Она предназначена для широкого применения в любой статье, где желательна тёмная тема.

Используйте данную тему, только если понимаете, что вы делаете.

Данная тема несовместима с Black Highlighter, BASALT или Sigma+.

ИНФОРМАЦИЯ ОБ АВТОРАХ

» ЧТО НОВОГО (англ.) «

Как использовать

Основы

Пожалуйста, ознакомьтесь с этим введением прежде чем добавлять Flopstyle: DARK в свою статью.

ШАГ 1. ПОДКЛЮЧИТЕ ТЕМУ Скопируйте этот код и вставьте его в начало своей статьи:

[[include theme:flopstyle-dark]]

[OPTIONAL] STEP 2. ADD BYLINE Copy this syntax and paste it directly beneath the rating module — like so:

[[module Rate]]

[[div class="byline"]]
[[span]] by authorLink [[/span]](A)
[[span]] # [[/span]](B)
[[/div]]

2. (A) Replace authorLink with the name of the author/any co-authors, and a link/links to the relevant author pages.

2. (B) Replace # with the estimated time (in minutes) it would take a reader to finish your article. To estimate your article's reading time, you can copy the article text and paste it into the Read-o-Meter tool, then round up or down to the nearest minute..DISCLAIMER Read-o-Meter does not record or store your data.

‼️ Make sure there are no spaces between the lines containing the spans, otherwise this won't work as intended!

_{An example of Step 2 in action.}

STEP 3. SET PAGE-TITLE Copy this syntax and paste it where you want to signal the beginning of your article:

[[div class="meta-title"]]
Your Title Here
[[/div]]

For accessibility reasons, you must do this on every page that uses Flopstyle: DARK.

STEP 4. SET [wikipedia:Breadcrumb_navigation BREADCRUMB NAVIGATION] Copy this syntax and paste it directly beneath the page-title:

[[div class="pseudocrumbs"]]
[[[parent-page-url1|1st Parent Page Title]]] » Child Page Title
[[[parent-page-url2|2nd Parent Page Title]]] » Child Page Title
[[/div]]

‼️ If you are creating an article that requires the use of ListPages, not to worry — you can still parent your fragments as usual, but you must do so the traditional way. Functionality takes precedence over form in this instance.

_{An example of Steps 3 and 4 in action.}

Now… If the basic aesthetics are all you want from Flopstyle: DARK, you are free to grab that code and skedaddle! But if you keep scrolling, I can show you how deep this rabbit hole goes.

Flopstyle: DARK was designed with the following components in mind…

1. Preloaded Components

This theme comes prepackaged with the following six components:

1.1. ACS Animation by Пользователь 'EstrellaYoshte' не существует
1.2. BetterFootnotes by Пользователь 'EstrellaYoshte' не существует
1.3. Croqstyle CSS by Пользователь 'Croquembouche' не существует
1.4. Fade In (set at speed=1) by Пользователь 'Croquembouche' не существует
1.5. Text Style by Пользователь 'JaonHax' не существует
1.6. Toggle Sidebar by Пользователь 'EstrellaYoshte' не существует

2. Custom Variables

(Only change these if you understand what you're doing)

All variable changes must be wrapped/encased in a CSS module, [[module CSS]]. All the ones listed must also be wrapped/encased in a :root selector.

2.1. COLORS You can change a variety of theme colors as you see fit. Simply copy any of the following variables (but only the ones you need) and edit them as necessary:

[[module CSS]]
:root{

/* -- COLORS -- */
--accentColor: accent_color;
--accentColorLite: lighter_accent_color;
--hue: hue;

/* Defaults (Do not copy):
* accentColor:
Bright Tyrian pink hsl(325, 80%, 60%).
* accentColorLite:
Soft Tyrian pink hsla(325, 80%, 70%, .5).
* hue: 325deg.
**/

accentColor is the most extensively used page variable. Among all other variables, changing the accentColor is typically the only alteration that users of this theme will tend to make.

When you change accentColor, you must also change two other variables:

2.1. (A) accentColorLite: This must have higher lightness and lower alpha value than your accentColor. I recommend a lightness of at least 10% more than your chosen accentColor's, and an alpha value of 0.5
2.1. (B) hue: This must match your chosen accentColor's hue.

To select the color of your choice, I recommend the HSL Color Picker. HSL is a human-friendly color system which stands for Hue, Saturation, Lightness. It can be expanded to HSLA, which includes the Alpha value (opacity).

To confirm that your chosen accentColor meets Web Content Accessibility Guidelines (WCAG), check its Contrast Ratio. Insert
hsl(222, 12%, 21%) into the "Background" field, and your chosen accentColor into the "Text color" field. WCAG requires a contrast ratio of 3 or higher for heading text.

2.2. LOGO AND FONTS You can change the logo, fonts, etc.:

/* -- LOGO -- */
--lgurl: url(URL_HERE);

/* -- FONTS -- */
--header-font: "yourFont", sans-serif;
--body-font: "yourFont", sans-serif;

/* Defaults (Do not copy):
* header-font: Montserrat, sans-serif
* body-font: Inter, sans-serif
**/

2.3. HEADER TITLES You can also change the title, subtitle, title color, and subtitle color:

/* -- TITLES -- */
--header-title: "TITLE";
--header-subtitle: "SUBTITLE";
--titleColor: title_colour;
--subtitleColor: subtitle_colour;

/* Defaults (Do not copy):
* titleColor:
Bright Tyrian pink hsl(325, 80%, 60%).
* subtitleColor:
Bright Tyrian pink hsl(325, 80%, 60%).
**/

}
[[/module]]

3. Плашка Lt Flops

Flopstyle: DARK provides for a dark mode-friendly version of Flops Header:

[[include component:flops-header
item=
containment=
level=
security=
disruption=
disruption-bg-color=
]]

_{An example of the Flops Header in action.}

4. Sideboxes

Sideboxes are built-in components that come in two types:

Type-A authorbox and sidebox
Type-B sidecontainer

Usage instructions vary depending on the type.

The authorbox and sidebox do not display on screens of width=1280px and smaller, which includes mobile screens. They can be set up to display page and author information.
The sidecontainer collapses into the page edge on screens of width=1280px and smaller. On those screens, you can access it by tapping your finger or hovering your cursor over it. It can be set up to display additional narrative information.

Consider these conditions before setting up these items — a sizable percentage of SCP Wiki users browse via mobile devices.

Type-A Authorbox and Sidebox

(See Top Left and Top Right)

_{Adapted from Penumbra Theme by Пользователь 'EstrellaYoshte' не существует}

By default, the authorbox is opt-out. It comes preloaded on all pages that include Flopstyle: DARK. If you wish to remove it, replace this:

[[include theme:flopstyle-dark]]

With this:

[[div style="display: none;"]]
[[include theme:flopstyle-dark]]
[[/div]]

ALTERNATIVE 1 After removing the authorbox, you can replace it with a custom version that displays any information you desire. This functionality can be especially useful for co-authored, rewritten, or translated pages. For your reference, this is the code that creates the authorbox:

[[div class="anchor"]]Sets authorbox's sticky position.
[[div class="authorbox tableb"]]
[[module ListPages name="="]]
~ %%title%%
= [[span class="bt bb"]] By [[/span]] %%created_by_linked%%
~ Published on %%created_at|%d %b %Y%%
[[/module]]

[[div class="flavorbox"]]Creates authorbox's flavorbox.
Desired flavor text here.
[[/div]]

[[/div]]
[[/div]]Sets the end limit of the anchor.

By default, the authorbox makes use of ListPages to automate the metadata displayed. You could theoretically copy the ListPages module inside the authorbox and paste it onto any Wiki page, and these fields would populate in a way unique to that page. You may, of course, change any of these fields as desired.

You may also edit your custom authorbox to display flavor text tailored to your page, such as a note to readers.

REMEMBER — Using the flavorbox is optional. But it is the only div block you should use inside an authorbox.

ALTERNATIVE 2 If you want, you can move the authorbox to the right-hand side of the page by swapping it out for the sidebox. To create a sidebox, copy this syntax and paste it inside a CSS module at the top of your page:

[[div class="anchor"]]Sets sidebox's sticky position.
[[div class="sidebox tableb"]]
[[module ListPages name="="]]
~ %%title%%
= [[span class="bt bb"]] By [[/span]] %%created_by_linked%%
~ Published on %%created_at|%d %b %Y%%
[[/module]]

[[div class="flavorbox"]]Creates sidebox's flavorbox.
Desired flavor text here.
[[/div]]

[[/div]]
[[/div]]Sets the end limit of the anchor.

If you are planning to insert any sidecontainers onto your page, I strongly recommend using the authorbox instead of the sidebox. The reason being, when the sidebox and sidecontainer appear in tandem, they will overlap and become visually messy. This has the potential to be very confusing for readers. So, it's better staying on the safe side.

You can configure a sidebox to convey the same info as an authorbox. Or — like with the one I showcase here — you can add a snappy article tagline and unique icon.

Like any other table, you can also apply a unique tint — e.g., the current green, as achieved with table1. Consult the Table Formatting collapsible under the Example Formatting (GENERAL) section for further info.

Type-B Sidecontainer

(See Below)

_{Courtesy of Пользователь 'Woedenaz' не существует}

The sidecontainer is opt-in. It is set up like this:

[[div class="limit"]]Sets the start limit of the anchor.
[[div class="anchor"]]Sets sidecontainer's sticky position.
[[div class="sidecontainer"]]
Desired sidecontainer text here.
[[/div]]
[[/div]]
Text that the sidecontainer associates with.
[[/div]]Sets the end limit of the anchor.

I recommend inserting a manual line break after sidecontainer-associated text. You can achieve this by encasing a space with two sets of @@ (one on each side). The sidecontainer will appear alongside this text as you scroll past.

Show Example

REMEMBER — Without a limit div, the anchor will remain present across the entire page content once you scroll past its starting position.

5. Miscellaneous Changeable Portions

If necessary, you can also edit any of these CSS properties to better suit your page.

Change Logo Opacity

#extra-div-1{
filter: opacity(number_percentage);
}

Default opacity = 33%

6. Theme Variants

If you insert a different variable into the theme include block, you can apply a prefabricated theme variant to your page.

Show Metafoundation Variants

Show WITCH Variants

Show Other Variants

Example Formatting [GENERAL]

Show General Formatting

Show Image Formatting

Hide Image Formatting

_{Image Blocks}

Standard Image Block

Вставленная страница ":snippets:bs-image" не существует (создать её сейчас)

Bootstrap Image Box

As an alternative to the Standard Image Block, Flopstyle: DARK makes use of a modified version of the "Bootstrap Image Box" by Пользователь 'Timothy Foster' не существует, which is hosted on the Wikidot Snippets site. You can view its documentation here.

Here is a brief overview:

Setup Instructions

STEP 1 Copy and paste this onto your page:

[[include :snippets:bs-image
image=
heading=
caption=
link=
alt=
width=
float=
kind=
]]

STEP 2 Consult this short guide:

START OF INCLUDE BLOCK ↦

Image File (Required!) ↦

Title of Image ↦

Description of Image ↦

Image URL ↦

Alt-Text (See Below) ↦

Number & Unit ↦

Where the Image Block Sits ↦

Image Block Color (Try These Out!) ↦ Primary Recommended

END OF INCLUDE BLOCK ↦

[[include :snippets:bs-image

|image=filename.png

|heading=Title

|caption=Descriptive Text

|link=linkna.me/none

|alt=Alternative Text

|width=length

|float=left/middle/right

|kind=primary/warning/danger/info/success/none

]]

STEP 3 Fill in all fields after each = sign.

_{Alternative Text (Alt-Text)}
For accessibility reasons, I strongly recommend the use of alt-text in your images. If you need a detailed understanding of alt-text and its relation to accessibility, I recommend this article written by The Big Hack.

The gist is: When you set up an image, chances are that some readers — like those with visual impairment or blindness — won't be able to view it. What alt-text does is provide a concise descriptor of said image that a screen reader can easily parse. Alt-text will also appear if the image file/link becomes unavailable.

To set up alt-text for an image, all you need to include is the alt field inside a Bootstrap Image Box or Wiki Syntax-inserted image..NOTICE The Standard Image Block does not support alt-text

A demonstration:

[[include :snippets:bs-image
image=Larry_the_cat.jpg
heading=Larry the Cat
caption=He is very soft.
link=https://scpfoundation.net/local--files/draft:vladthemountain-7/Larry_the_cat.jpg
alt=Larry, a beige cat, sits alert in the yard.
width=300px
float=middle
kind=primary
]]

Вставленная страница ":snippets:bs-image" не существует (создать её сейчас)

Pay attention to the alt field. That's what a screen reader will convey to its user.

_Imagediv
_{Cribbed from BLANKSTYLE CSS by Пользователь 'Placeholder McD' не существует & Пользователь 'HarryBlank' не существует}

[[div class="imagediv"]]
[[=image URL_HERE]]
[[/div]]

Hide Image Formatting

Show Table Formatting

header	header	header	header
cell-content	cell-content	cell-content	cell-content

A table, with very cool hcell styling
Whose cells have been separated	by the `tableb` div!

This is a GREEN table;
it is fun to test.

This is a BLUE table;
it, too, is fun to test.

This is a YELLOW table;
it, too, is fun to test.

This is an ORANGE table;
it, too, is fun to test.

This is a RED table;
it's not so fun to test.

This is a VIOLET table;
it is the test.

This is a WHITE table;
there is no test.

Example Formatting [ADVANCED]

Show Content Warning Header

Show Custom Div Blocks

Hide Custom Div Blocks

Each div block example contains:

Div appearance.
Usage syntax.
Some may also include a summary of intended use.

💡 REMEMBER — enclose every div with [[/div]].

Most sincerely,
Jean Karlyle Aktus, Director, USINBL Site-81

[[div class="classification-header"]]

Signed,
Odongo Tejani, Chairman, Ethics Committee

[[div class="ethics-header"]]

— Eli Forkley, Director, DoMc

[[div class="miscomm-header"]]

— Kazuo Natsumi, Punt-againdist, Bodacious Assembly

[[div class="oracle-header"]]

— ~ —

BY UNANIMOUS ASSENT OF THE OVERSEERS

[[div class="overwatch-header"]]

— Maria Jones, Director, RAISA

[[div class="raisa-header"]]

You are now breathing manually.

[[div class="warning-header"]]

LOG HEADER

For Use Above Interview/Incident/Exploration Logs

[[div class="log-header"]]
+++* Heading
----
Text
[[/div]]

Quote Block

[[div class="blockquote"]]

Nested Quote Block

Alternative Quote Block 1 — Dashed

[[div class="blockquote dashed"]]

Alternative Quote Block 2 — Classic

[[div class="blockquote classic"]]

Alternative Quote Block 3 — Classic Curved

[[div class="blockquote classic curved"]]

Alternative Quote Block 4 — Lightweight

[[div class="blockquote lightweight"]]

Alternative Quote Block 5 — Simple

[[div class="blockquote simple"]]

Larger Quote Size

[[div class="blockquote simple larger"]]

The "larger" class can also be applied to Darkbox, Lightbox, and Report Box divs, and their variations.

Darkbox

[[div class="darkbox"]]

REPORT BOX

For Internal Documents

[[div class="report-box"]]
+++* Heading
----
Text
[[/div]]

Report Block Variations

Red

[[div class="report-box red-tint"]]

Orange

[[div class="report-box orange-tint"]]

Yellow

[[div class="report-box yellow-tint"]]

Green

[[div class="report-box green-tint"]]

Cyan

[[div class="report-box cyan-tint"]]

Blue

[[div class="report-box blue-tint"]]

Magenta

[[div class="report-box magenta-tint"]]

Grey

[[div class="report-box grey-tint"]]

Overwatch Box

[[div class="overwatch-box"]]

Page Source

[[div class="page-source"]]

Narration Block

Lorem ipsum dolor sit amet, quis habeo facilisi eum an. Habeo denique consequuntur nec at, id his agam inciderint. Ex veri doming disputationi quo, error clita eruditi ei quo. Melius labitur comprehensam pro cu. Ut dico veritus assueverit sed.

Duo justo vitae dicant cu, ut his vitae appetere eloquentiam. Repudiare consequat ei eum, ex eam vocibus denique iracundia. Vix vocent minimum sensibus in, ad quando phaedrum intellegam sed. Fastidii argumentum ne vel, ad sint errem.

[[div class="narration justified indented"]]

Journal Block

[[div class="journal"]]

Highlighted Text.

[[span class="highlighter"]]

__Note:__ This div limits the creation of a double line-break. To achieve one, do the following:

1. At the end of each line of text, press enter.
2. In that new line, encase a space with two sets of @@ (one set per side).
3. Press enter again and continue writing.

This is the Text Style div by JaonHax.

Really?

Yup.

But, how do you use it?

We have a guide.

A guide? Is this a link?

You bet!
Please consult the guide — it tells you exactly how to set this up.

Set us up…
😳

😳

NARRATIVOHAZARD WARNING

The file you wish to access, “SCP-████,” describes an unpredictable narrativic anomaly intersecting with multiple subnarrative layers. Narrativic inoculation is required, as this document contains several embedded narrativohazards. Personnel without inoculation against such anomalies may experience a narrative paraphrasing event.

Are you sure you wish to continue?

[[div class="hazard-box hazard-box-#"]]1

[[div class="hazard-box-image"]]
[[div class="hazard-box-image-#"]]2
[[image imageLink.png]]3
[[/div]]
[[/div]]

[[div class="hazard-box-text"]]
+++* TITLE

Put whatever you want here.
[[/div]]

[[/div]]

For hazard-box-#, the numbers 1–5 have been paired with the Anomaly Classification System colors, plus violet (6) and white (0). A breakdown of these color–number combos is as follows:
1. hazard-box-1 = Green
2. hazard-box-2 = Blue
3. hazard-box-3 = Yellow
4. hazard-box-4 = Orange
5. hazard-box-5 = Red
6. hazard-box-6 = Violet
- hazard-box-0 = White
For hazard-box-image-#, select the same number as with the previous section.
Here, replace the placeholder link with one of the Hazard Signs created by Пользователь 'EstrellaYoshte' не существует as featured on their art page. I have listed links to their five Hazard Signs here. That said, I strongly encourage you to visit their art page and give it an upvote, because their images have played an invaluable role in prettifying this theme!

Hide Custom Div Blocks

Show Special Formatting

Hide Special Formatting

Each special formatting example contains:

Formatting appearance.
Usage syntax.
Some may also include a summary of intended use.

💡 REMEMBER — enclose every div with [[/div]], and every span with [[/span]].

_{Centered Text}

Nulla egestas risus ac venenatis rhoncus. Nunc imperdiet mattis risus ac iaculis. Etiam egestas est lorem, at vehicula odio convallis eu. Nam condimentum, nisl sed rutrum tempor, sapien nibh elementum justo, non semper leo ante at tortor. Praesent ac enim a nisi luctus commodo. Vivamus et euismod leo, sed volutpat ligula. Fusce nec tempus lacus, a placerat risus. Phasellus luctus.

[[div class="centered"]]

_{Justified Text}

Ut ut quam non augue malesuada lacinia. Sed a eros sit amet lacus cursus tempor viverra nec velit. Suspendisse vel ante tincidunt, ultrices metus id, pellentesque odio. Integer sodales enim vel ligula sagittis, quis aliquam mauris tincidunt. Maecenas fringilla turpis vitae luctus tempus. Suspendisse ut mollis lectus. Donec nisi mauris, laoreet ac urna at, semper lobortis turpis. Sed purus elit, scelerisque ut tortor sed, laoreet dapibus odio. In libero mauris.

[[div class="justified"]]

_{Indented Text}

Aliquam fringilla eleifend tellus, feugiat pellentesque lacus auctor vitae. Praesent volutpat rutrum eleifend. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur at commodo leo. Aliquam sapien eros, bibendum id vulputate in, convallis vestibulum diam. Suspendisse ultricies vel ante eu porttitor. In a massa ante. Sed eu elit.

[[div class="indented"]]

_{End Mark}

“end mark: A typographic element that signals the end of an article. Often they are simple bullets, but they can also be intricate symbols.”

[[div class="end-mark"]] places an end mark at the end of the last paragraph within its div (like at the end of the next one!). Use it in conjunction with any additional special text formatting. This theme uses the default end mark symbol of a white diamond divided by an ‘X’.

End marks are a classic print convention. On the SCP Wiki, an end mark would be most appropriate in Tale writing.

_{Red Document Revision Text}
Inoculation disseminated.

[[span class="rev-red"]] Text [[/span]]

_{Yellow Document Revision Text}
Loading paused. Refresh?

[[span class="rev-yellow"]] Text [[/span]]

_{Green Document Revision Text}
Outdated information appears in green.

[[span class="rev-green"]] Text [[/span]]

_{Blue Document Revision Text}
Inoculation completed!

[[span class="rev-blue"]] Text [[/span]]

_{Computer Terminal Text}
[REDACTION]
[EXPUNGEMENT]
[DATA LOST]

[[span class="terminal-span"]] [TEXT] [[/span]]

_Bold-Text
Example

[[span class="bt"]] Text [[/span]]

Alternatively, you can still create bold text by the use of Wikidot Syntax. This span is, however, necessary for the following two pieces of special formatting.

_{Bold-Text + Big-Bar}
Example

[[span class="bt bb"]] Text [[/span]]

_{Bold-Text + Bar-Header}

EXAMPLE

+++* [[span class="bt bh"]] TEXT [[/span]]

_{Bold-Text + textColor}
Example

[[span class="tb"]] Text [[/span]]

_{Bold-Text + textColor + Big-Bar}
Example

[[span class="tb bb"]] Text [[/span]]

_{Blinking Text Cursor}

[[div id="append-blink-bar"]] places a blinking “Full Block” character at the end of the last paragraph within its div. This mimics a vintage blinking cursor, as seen at the end of a command prompt.

_{Fancy Horizontal Rule}

[[div class="fancyhr"]]
----
[[/div]]

_{Fancy Border}

[[div class="fancyborder"]]

_{Special Heading Area 1}

HEADING

SUB-HEADING

[[div class="lite-heading"]]
----
++* HEADING
+++* SUBHEADING
----
[[/div]]

_{Special Heading Area 2}

ADDENDA MATERIALS

[[div class="lite-heading"]]
----
++* ADDENDA MATERIALS
----
[[/div]]

_{Alternative Image Showcase}

[[div class="image-showcase"]]
[[=image URL_HERE]]
[[/div]]

_{Scene Break}

[[=image URL_HERE class="scene-break"]]

A scene-break is an ornamental symbol that “signals a pause for the reader and a transition in the narrative.”

Scene breaks are a classic print convention. Here is an example of one from Alice's Adventures in Wonderland. On the SCP Wiki, a scene-break would be most appropriate in Tale writing.

_{Scene Break + Tinted Icon}

[[=image URL_HERE class="scene-break icon-tint"]]

icon-tint should only be used in tandem with black logos. Control the icon's color by modifying the --hue variable inside [[module CSS]]:

--hue: #deg;

Replace # with your desired positive integer. Default is 325deg.

_{ListPages Navigator — First Page}

Next Iteration ▷

[[div class="listPagesNav"]]
[[div class="listPagesNav-next"]]
[/offset/1 Next Iteration ▷]
[[/div]]
[[/div]]

_{ListPages Navigator — Subsequent Pages}

Next Iteration ▷

◁ Back

next must always go first:

[[div class="listPagesNav"]]
[[div class="listPagesNav-next"]]
[/offset/1 Next Iteration ▷]
[[/div]]

[[div class="listPagesNav-prev"]]
[/offset/0 ◁ Back]
[[/div]]
[[/div]]

_{Fade to Black}

[[div class="fade-away"]]

To control the fade length, insert as many sets of @@ inside the div as you desire.

_{Fade to White}

[[div class="whiteout"]]

To control the fade length, insert as many sets of @@ inside the div as you desire.

_{Page Content Footing}

[[div class="footing"]]

_{Related Articles Box}

[[div class="related-flex"]]
[[div class="related"]]
* **[[[link-to-a-page|Custom Text]]]**
[[/div]]
[[/div]]

_{Series Navigator}

« Previous Page | Current Page | Next Page »

[[div class="series-nav"]]
« Previous Page | [[size 120%]]Current Page[[/size]] | Next Page »
[[/div]]

_{Earthworm Series Navigator}
_{by Пользователь 'Croquembouche' не существует}

Consult the component page for setup instructions.

_{Rating Module Activity Toggle}

[[span id="activeRate"]]
[[module Rate]]
[[/span]]

Any targeted rating module remains in an "inactive" state by default, and will become "active" on mouseover.

⚠️ According to CSS Policy, you may only place this at the bottom of the page.

Hide Special Formatting

Исходный код

Ищите в исходнике страницы.

Шрифт ХЕДЭРА Montserrat.

Шрифт ТЕЛА статьи Inter.

МОНОШИРНЫЙ шрифт Fira Code.

РУКОПИСНЫЙ шрифт Comic Neue.

🡹
Back to Top

версия страницы: 200, Последняя правка: 07 Янв. 2025, 07:55 (3 дня назад)

SCP Foundation

Russian Branch

Список доступных тегов

Список доступных тегов

Что это?

» ЧТО НОВОГО (англ.) «

Как использовать

Основы

1. Preloaded Components

2. Custom Variables

(Only change these if you understand what you're doing)

3. Плашка Lt Flops

4. Sideboxes

Type-A Authorbox and Sidebox

(See Top Left and Top Right)

Type-B Sidecontainer

(See Below)

5. Miscellaneous Changeable Portions

Change Logo Opacity

6. Theme Variants

INFERNO Variant

MAPLE Variant

PLASTIC Variant

PRAIRIE Variant

SEAFOAM Variant

THRESHOLD Variant

VANGUARD Variant

WITCH Variant

BOOK OF ASHES

BOOK OF LIGHT

BOOK OF VELDT

LOOSE THREADS

GALAXIAS Variant

PEDAGOGY Variant

CALZONE Variant

CHTHONIAN Variant

MONSTER Variant

RHIZOME Variant

SYZYGY Variant

WITCHING HOUR Variant

PEENUMBRA Variant