Шпаргалка по оформлению SCP-объектов
Приветствуем!
Данная страница выступает шпаргалкой для альтернативного оформления журналов, интервью и прочих приложений в документах SCP. Что-то по типу специфического оформления отдельных СО, только для Фонда. Если вас интересует базовая разметка вики, обратитесь к оформлению. За более детальным обзором возможностей движка RuFoundation обратитесь к техническому руководству по вики-разметке.
В целях пополнения данного списка, он оставлен открытым для правок, поэтому, пожалуйста, следуйте формату других записей.
Примечание: Этот список не задумывался как исчерпывающий. Приведённые шаблоны не обязательны для использования.
Примечание: Модули CSS в нашем филиале встраиваются в код страницы, поэтому вы можете пользоваться функцией предпросмотра, прежде чем фиксировать изменения.
См. также
Базовый шаблон объекта
[[>]]
[[module Rate]]
[[/>]]
**Объект №:** SCP-XXXX
**Класс объекта:** Безопасный/Евклид/Кетер (указывает класс)
**Особые условия содержания:** [Абзацы, описывающие условия содержания]
**Описание:** [Абзацы, описывающие объект]
**Приложение:** [Опциональные дополнительные абзацы]
[[footnoteblock]]
[[div class="footer-wikiwalk-nav"]]
[[=]]
<< [[[SCP-XXXW]]] | SCP-XXXX | [[[SCP-XXXY]]] >>
[[/=]]
[[/div]]
Шаблон опроса/допроса
> **Опрашиваемый:** [Индивид или SCP-объект, который опрашивают/допрашивают]
>
> **Опрашивающий:** [Опрашивающий/допрашивающий, может быть затёрт с помощью █]
>
> **Примечание:** [Небольшое введение, описывающее опрос/допрос]
>
> **<Начало записи, [(опционально) время начала записи]>**
>
> **Опрашивающий:** [речь]
>
> **Индивид:** [речь]
>
> [Повторять по надобности]
>
> **<Конец записи, [(опционально) время окончания записи]>**
>
> **Комментарий:** [Краткое подведение итогов и описание дальнейших событий]
Примечание: При создании цитат с помощью символа >, не забывайте ставить после него пробел, в противном случае ваш текст не станет цитатой.
Оформление для протокола тестирования:
Вариант 1
Как оно выглядит:
| НАЗВАНИЕ ТЕСТА | |
| Субъект | ЗДЕСЬ ИНФОРМАЦИЯ |
| Протокол | ЗДЕСЬ ИНФОРМАЦИЯ |
| Результат | ЗДЕСЬ ИНФОРМАЦИЯ |
Что копировать:
[[table style="border-collapse:collapse; max-width: 600px;"]]
[[row]]
[[cell style="font-weight:bold;padding: .3em .7em; text-align: center; border: 1px solid black; background-color: silver; width: 20%;"]]
НАЗВАНИЕ ТЕСТА
[[/cell]]
[[cell style="font-weight:bold; padding: .3em .7em; text-align: center; border: 1px solid black; background-color: silver;"]]
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: center; padding: .3em .7em; border: 1px solid black"]]
Субъект
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
ЗДЕСЬ ИНФОРМАЦИЯ
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: center; padding: .3em .7em; border: 1px solid black"]]
Протокол
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
ЗДЕСЬ ИНФОРМАЦИЯ
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: center; border: 1px solid black"]]
Результат
[[/cell]]
[[cell style="border: 1px solid black; padding: .3em .7em;"]]
ЗДЕСЬ ИНФОРМАЦИЯ
[[/cell]]
[[/row]]
[[/table]]
Вариант 2
Как оно выглядит:
| Дата | ДАННЫЕ | Эффекты | Заметки |
|---|
| ДАТА | | ЭФФЕКТЫ | ЗАМЕТКИ |
| ДАТА | | ЭФФЕКТЫ | ЗАМЕТКИ |
| ДАТА | | ЭФФЕКТЫ | ЗАМЕТКИ |
| ДАТА | | ЭФФЕКТЫ | ЗАМЕТКИ |
| ДАТА | | ЭФФЕКТЫ | ЗАМЕТКИ |
| ДАТА | | ЭФФЕКТЫ | ЗАМЕТКИ |
Что копировать:
[[table style="border: 1px solid silver"]]
[[row]]
[[hcell style="border: 1px solid silver"]]
Дата
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
ДАННЫЕ
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
Эффекты
[[/hcell]]
[[hcell style="border: 1px solid silver"]]
Заметки
[[/hcell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
ДАТА
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
ИНФОРМАЦИЯ
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
ЭФФЕКТЫ
[[/cell]]
[[cell style="border: 1px solid silver"]]
ЗАМЕТКИ
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
ДАТА
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
ИНФОРМАЦИЯ
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
ЭФФЕКТЫ
[[/cell]]
[[cell style="border: 1px solid silver"]]
ЗАМЕТКИ
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
ДАТА
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
ИНФОРМАЦИЯ
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
ЭФФЕКТЫ
[[/cell]]
[[cell style="border: 1px solid silver"]]
ЗАМЕТКИ
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
ДАТА
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
ИНФОРМАЦИЯ
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
ЭФФЕКТЫ
[[/cell]]
[[cell style="border: 1px solid silver"]]
ЗАМЕТКИ
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
ДАТА
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
ИНФОРМАЦИЯ
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
ЭФФЕКТЫ
[[/cell]]
[[cell style="border: 1px solid silver"]]
ЗАМЕТКИ
[[/cell]]
[[/row]]
[[row]]
[[cell style="border: 1px solid silver"]]
ДАТА
[[/cell]]
[[cell style="border: 1px solid silver"]]
[[=]]
ИНФОРМАЦИЯ
[[/=]]
[[/cell]]
[[cell style="border: 1px solid silver"]]
ЭФФЕКТЫ
[[/cell]]
[[cell style="border: 1px solid silver"]]
ЗАМЕТКИ
[[/cell]]
[[/row]]
[[/table]]
Оформление для транскриптов аудио-/видеозаписей:
Вариант 1
Как оно выглядит:
ДАТА:
ПРИМЕЧАНИЕ:
[НАЧАЛО ЗАПИСИ]
ВРЕМЯ: СОБЫТИЕ
ВРЕМЯ: СОБЫТИЕ
ВРЕМЯ: СОБЫТИЕ
[КОНЕЦ ЗАПИСИ]
Совет! Данное оформление выглядит так же, как и блоки цитат (создающиеся с помощью "> " в начале строки), но имеет дополнительное преимущество — оно значительно лучше работает с картинками.
Что копировать:
[[div class="blockquote"]]
[[=]] **ПРОТОКОЛ ВИДЕОЗАПИСИ** [[/=]]
----
**ДАТА:**
**ПРИМЕЧАНИЕ:**
----
[НАЧАЛО ЗАПИСИ]
**ВРЕМЯ:** СОБЫТИЕ
**ВРЕМЯ:** СОБЫТИЕ
**ВРЕМЯ:** СОБЫТИЕ
-----
[КОНЕЦ ЗАПИСИ]
[[/div]]
Вариант 2
Как оно выглядит:
Стенограмма видеопротокола обследования
Дата: ОПЦИОНАЛЬНО
Исследовательская группа: НАЗВАНИЕ КОМАНДЫ - ОПЦИОНАЛЬНО
Обследуется: ОБЛАСТЬ/АНОМАЛИЯ - ОПЦИОНАЛЬНО
Командир группы: ОПЦИОНАЛЬНО
Члены группы: ОПЦИОНАЛЬНО
[НАЧАЛО ПРОТОКОЛА]
Человек А: Диалог
Человек Б: Диалог
ЧТО-ТО ПРОИСХОДИТ
Человек А: Диалог
[КОНЕЦ ПРОТОКОЛА]
Что копировать:
[[div class="blockquote" style="border-radius: 10px; margin: 10px"]]
**Стенограмма видеопротокола обследования**
**Дата:** ОПЦИОНАЛЬНО
**Исследовательская группа:** НАЗВАНИЕ КОМАНДЫ - ОПЦИОНАЛЬНО
**Обследуется:** ОБЛАСТЬ/АНОМАЛИЯ - ОПЦИОНАЛЬНО
**Командир группы:** ОПЦИОНАЛЬНО
**Члены группы:** ОПЦИОНАЛЬНО
-----
[НАЧАЛО ПРОТОКОЛА]
**Человек А:** Диалог
**Человек Б:** Диалог
//ЧТО-ТО ПРОИСХОДИТ//
**Человек А:** Диалог
[КОНЕЦ ПРОТОКОЛА]
[[/div]]
Вариант 3
Для будто бы компьютерного вида.
Как оно выглядит:
| ПОДРОБНОСТИ
| ПОДРОБНОСТИ
| ПОДРОБНОСТИ
| ПОДРОБНОСТИ
| ПОДРОБНОСТИ
ТЕКСТ ТЕКСТ ТЕКСТ
БОЛЬШЕ ТЕКСТА
БОЛЬШЕ
И ЕЩЁ
И ЕЩЁ БОЛЬШЕ НАБРОСАННОГО ТЕКСТА
Что копировать:
ВАЖНО Это копируется в начало статьи.
[[module css]]
.danke {
padding: 5px;
margin-bottom:10px;
font-family: monospace;
font-size: 1.1em;
}
.agent {
background-color:#002200;
border: 3px solid #55AA55;
color: #77CC77;
}
.site {
background-color:#222200;
border: 3px solid #AAAA55;
color: #DDDD77;
}
[[/module]]
ВАЖНО: Это копируется туда, где должен возникнуть блок.
[[div class="danke agent"]]
| ПОДРОБНОСТИ
| ПОДРОБНОСТИ
| ПОДРОБНОСТИ
| ПОДРОБНОСТИ
| ПОДРОБНОСТИ
ТЕКСТ ТЕКСТ ТЕКСТ
БОЛЬШЕ ТЕКСТА
БОЛЬШЕ
И ЕЩЁ
И ЕЩЁ БОЛЬШЕ НАБРОСАННОГО ТЕКСТА
[[/div]]
Подсказки! Замените 'danke agent' на 'danke site' для смены цветовой палитры на жёлтую.
Вариант 4:
[[div style="background: gray; padding: 1px 15px; border: solid 3px lightgray; margin: 10px; border-radius: 30px 15px;"]]
[[div style="background: white; padding: 1px 15px; border: solid 3px lightgray; margin: 10px; border-radius: 30px 15px;"]]
ТУТ ПИШЕТСЯ ВСЯКОЕ
[[/div]]
[[/div]]
Вариант 5
Как оно выглядит:
И ЕЩЁ БОЛЬШЕ!
h1
h2
h3
h4
h5
h6
текст
больше текста
больше[]
Что копировать:
ВАЖНО: Это копируется в начало статьи.
[[module CSS]]
.containercontainer {position: relative;width: auto;height: auto;border: 2px solid #666;background: #141212;color: #3F3;margin-top: 1em;margin-bottom: 1em;}.containercontainer .container .overlay {background: rgba(51, 255, 51, 0.9);color: #121010;position: absolute;width: auto;height: 50px;top: 0;right: 0;bottom: 0;left: 0;margin: auto;line-height: 50px;display: inline;vertical-align: middle;text-align: center;font-family: Courier New;font-size: 30px;letter-spacing: 5px;font-weight: bolder;z-index: 3;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.overlayback {background: rgba(187, 187, 187, 0.5);z-index: 3;position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: auto;height: auto;animation: overlay-anim 10s linear;animation-fill-mode: forwards;animation-iteration-count: infinite;}.containercontainer .container {text-align: center;width: inherit;height: inherit;position: relative;overflow: hidden;}.containercontainer .container::after {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(21, 19, 19, 0.2);opacity: 0;z-index: 2;}.containercontainer .container::before {content: " ";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: linear-gradient(rgba(18, 16, 16, 0.03) 50%, rgba(0, 0, 0, 0.45) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.22), rgba(0, 255, 0, 0.11), rgba(0, 0, 255, 0.22));z-index: 2;background-size: 100% 2px, 3px 100%;}.no-unfold {text-align: center;}.container h1,.container h2,.container h3,.container h5,.container h6 {color: #3F3;}.container hr {border-top: 1px dotted #3F3;border-bottom: none;}.container hr {border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;color: transparent;background-color: transparent;}.container hr:after {display: block;margin-top: 2px;border-top: 1px solid #3F3;border-bottom: 1px solid #3F3;}.blinkbar {animation: blink 1.5s infinite; letter-spacing: -0.13em;}@keyframes blink{to{opacity: .0;}}@keyframes overlay-anim {0% {visibility: hidden; }10% {visibility: hidden; }11% {visibility: visible; }50% {visibility: hidden; }100% {visibility: hidden; }}
[[/module]]ВАЖНО: Это копируется туда, где должен возникнуть блок.
[[div class="no-unfold"]]
[[div class="containercontainer"]]
[[div class="container"]]
[[lines 1]]
[[span_ class="overlay"]]
И ЕЩЁ БОЛЬШЕ!
[[/span]]
[[div_ class="overlayback"]]
[[/div]]
+* h1
++* h2
+++* h3
++++* h4
+++++* h5
++++++* h6
текст
больше текста
больше[[span class="blinkbar"]][][[/span]]
[[/div]]
[[/div]]
[[/div]]
Вариант 6
Как оно выглядит:
первая строка
вторая строка
последняя строка
ТЕКСТ
БОЛЬШЕ ТЕКСТА
Что копировать:
ВАЖНО: Это копируется в начало статьи.
[[include component:tape]]
ВАЖНО:
- Это копируется туда, где должен возникнуть блок.
- Когда вы хотите добавить новые "записи", добавляйте значения задержки как слагаемые в выражение "calc(" у "—total-duration" и используйте следующий шаблон:
- [[span class="record" style="--delay: 9"]]Текст[[/span]]
[[span class="record" style="--delay: 12"]]//Больше текста//[[/span]]
[[div class="tape-wrap" style="--total-duration: calc(6 + 3);"]]
[[collapsible show="ПРОСЛУШАТЬ" hide="ЗАНОВО"]]
[[div class="tape-anim"]]
[[div class="tape-left"]]
[[/div]]
[[div class="tape-right"]]
[[/div]]
[[/div]]
[[div class="tape-record"]]
[[span class="record" style="--delay: 3;"]]//первая строка//
//вторая строка//
//последняя строка//[[/span]]
[[span class="record" style="--delay: 6;"]]//ТЕКСТ//
//БОЛЬШЕ ТЕКСТА//[[/span]]
[[/div]]
[[/collapsible]]
[[/div]]
Вариант 7
Как оно выглядит:
Я не могу распознать ваш никнейм.|
Что копировать:
ВАЖНО Это копируется в начало вашей статьи.
[[module CSS]]
#u-start {display:none;}.type-wrap-wrapper {position: relative;text-align: left;}.type-wrapper {background: #555;}.typearea {color: lime; font-family: "Courier";font-size: 1.2em;margin: 10px 0 0 10px;white-space: nowrap;overflow: hidden;width: 0;}#u-start:target ~ .typearea {width: 100%;animation: type 4s steps(60, end); }.typearea a{color: lime;text-decoration: none;}.blink {animation: blink 1s infinite;}@keyframes type{ from { width: 0; } } @keyframes blink{to{opacity: .0;}}.buttonwrapper {text-align: center;}.likebutton {padding: 0.1em 0.5em;text-decoration: none;font-size: 1.3em;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}.likebutton:hover {background-color: #DDD;color: #000;border: 1px solid #0098b3;}
[[/module]]ВАЖНО Это копируется туда, где должен возникнуть блок.
[[div class="type-wrap-wrapper"]]
[[div class="type-wrapper"]]
[[div id="u-start"]]
[[/div]]
[[div class="typearea"]]
[[div class="textchange"]]
[[module ListUsers always="yes"]]
[[div class="sitemember"]]
[[if %%is_authenticated%%]]
Ваш никнейм -- "%%name%%".[[span class="blink"]]|[[/span]]
[[else]]
Я не могу распознать ваш никнейм.[[span class="blink"]]|[[/span]]
[[/if]]
[[/div]]
[[/module]]
[[/div]]
[[/div]]
[[/div]]
[[div class="buttonwrapper"]]
[[a class="likebutton" href="#u-start"]]Тык![[/a]]
[[/div]]
[[/div]]
Вариант 8
Как оно выглядит:
Терминал #001
------
Добро пожаловать, Пользователь
------
У ссылок в терминале появляется префикс ">" при наведении.
вот так
Спасибо, что заценили это оформление!
Что копировать:
ВАЖНО: Это — модуль CSS. Его необходимо скопировать в начало статьи.
[[module CSS]]
div.terminal{
border: 1px solid black;
border: solid 3px #BBBBBB;
border-radius: 16px;
background-color: #131;
/* чёрная тень в начале терминала */
background-image:
radial-gradient(ellipse 1000% 100% at 50% 90%, transparent, #121);
background-position: center;
display: block;
/* тень вокруг терминала */
box-shadow: inset 0 0 10em 1em rgba(0,0,0,0.5);
/* предотвращает появление полосы прокрутки из-за scanline */
overflow:hidden;
}
div.terminal blockquote {
background-color: black;
border: double 3px #80FF80;
}
div.scanline{
margin-top: -40%;
width: 100%;
height: 60px;
position: relative;
pointer-events: none;
/* Safari 4.0 - 8.0 */
-webkit-animation: scan 12s linear 0s infinite; /* Возможно, вы захотите изменить это. Если полоска бежит слишком быстро, увеличивайте по 5s. */
animation: scan 12s linear 0s infinite; /* Так же как и строкой выше */
background: linear-gradient(to bottom, rgba(56, 112, 82,0), rgba(56, 112, 82,0.1)) !important;
}
div.text {
color: rgba(128,255,128,0.8);
padding-left: 2em;
padding-top: 40%;
font-family: monospace;
font-size: 1.2em;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes scan{
from{ transform: translateY(-10%);}
to{ transform: translateY(5000%);} /* Вам может понадобиться поменять это в зависимости от длины своего терминала. Если scanline останавливается посредине, увеличьте второе число.*/
}
@keyframes scan{
from{ transform: translateY(-10%);}
to{ transform: translateY(5000%);} /* См. выше.*/
}
div.text a {
color: #90EE90;
text-decoration: none;
background: transparent;
}
div.text a.newpage {
color: #90EE90;
text-decoration: none;
background: transparent;
}
div.text a:hover {
color: #131;
text-decoration: underline;
background-color: #80FF80;
padding: 1px;
}
div.text a:hover::before{
content: "> ";
}
[[/module]]ВАЖНО: Это сам терминал. Его можно копировать куда угодно.
[[div class="terminal"]]
[[div class="scanline"]]
[[/div]]
[[div class="text"]]
[[=]]
[[size 150%]] __Терминал #001__[[/size]]
[[lines 2]]
@@------@@
Добро пожаловать, Пользователь
@@------@@
[[/=]]
[[lines 3]]
> У ссылок в терминале появляется префикс ">" при наведении.
> [https://www.google.com вот так]
Спасибо, что заценили это оформление!
[[lines 2]]
[[/div]]
[[/div]]
Оформление предупреждений/уведомлений:
Вариант 1
Как оно выглядит:
УВЕДОМЛЕНИЕ ОТ АДМИНИСТРАЦИИ ПО АРХИВНО-ИНФОРМАЦИОННОЙ БЕЗОПАСНОСТИ
Здесь пишется текст уведомления.
— Мария Джонс, директор АПАИБ
Что копировать:
[[div style="border:solid 1px #999999; background:#f2f2c2; padding:5px; margin-bottom: 10px;"]]
[[=]]
++++ УВЕДОМЛЕНИЕ ОТ АДМИНИСТРАЦИИ ПО АРХИВНО-ИНФОРМАЦИОННОЙ БЕЗОПАСНОСТИ
Здесь пишется текст уведомления.
-- Мария Джонс, директор АПАИБ
[[/=]]
[[/div]]
Вариант 2
Как оно выглядит:
ПРЕДУПРЕЖДЕНИЕ: НИЖЕПРИВЕДЁННЫЙ ФАЙЛ ЗАСЕКРЕЧЕН ПО ФОРМЕ #/XXXX
ЛЮБЫЕ ПОПЫТКИ ПОЛУЧЕНИЯ ДОСТУПА К ДАННОМУ ФАЙЛУ БЕЗ НАЛИЧИЯ ДОПУСКА УРОВНЯ #/XXXX ЗАПИСЫВАЮТСЯ И ПРИВЕДУТ К ПРИНЯТИЮ НЕЗАМЕДЛИТЕЛЬНЫХ ДИСЦИПЛИНАРНЫХ МЕР.
Что копировать:
[[=]]
[[div style="background: url('https://files.scpfoundation.net/local--files/djkaktus-s-proposal/amber.png') center no-repeat; float: center; border: solid 2px #000; padding: 1px 15px; box-shadow: 0 1px 3px rgba(0,0,0,.2);"]]
+ ПРЕДУПРЕЖДЕНИЕ: НИЖЕПРИВЕДЁННЫЙ ФАЙЛ ЗАСЕКРЕЧЕН ПО ФОРМЕ #/XXXX
----
+++ ЛЮБЫЕ ПОПЫТКИ ПОЛУЧЕНИЯ ДОСТУПА К ДАННОМУ ФАЙЛУ БЕЗ НАЛИЧИЯ ДОПУСКА УРОВНЯ #/XXXX ЗАПИСЫВАЮТСЯ И ПРИВЕДУТ К ПРИНЯТИЮ НЕЗАМЕДЛИТЕЛЬНЫХ ДИСЦИПЛИНАРНЫХ МЕР.
[[/div]]
[[/=]]
Вариант 3:
Как оно выглядит:
УКАЗОМ СОВЕТА СМОТРИТЕЛЕЙ
Представленный далее документ засекречен по форме X/XXXX. Несанкционированный доступ запрещён.
Что копировать:
[[div style="background: url(https://files.scpfoundation.net/local--files/scp-style-resource/scp_trans.png) bottom center no-repeat; text-align: center; width: 600px; margin: 0 auto; font-size: 20px; padding: 0px;"]]
[[lines 6]]
[[=]]
++* ##black|УКАЗОМ СОВЕТА СМОТРИТЕЛЕЙ##
##black|Представленный далее документ ограничен уровнем допуска X/XXXX. Несанкционированный доступ запрещён.##
[[/=]]
[[=]] **##black|XXXX##** [[/=]]
[[lines 3]]
[[/div]]
Вариант 4:
Как оно выглядит:
заголовок
подзаголовок
описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание
XXXX
Что копировать:
[[div class="orderwrapper"]]
[[div class="council1"]]
[[/div]]
[[div class="ordertitle"]]
+* заголовок
[[/div]]
[[div class="orderdescription"]]
_
+* подзаголовок
описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание описание
[[/div]]
[[div class="itemno"]]
+* XXXX
[[/div]]
[[/div]]
[[module CSS]]
.orderwrapper {position: relative;width: auto;text-align: center;}.council1 {position: relative;top: 0;bottom: 0;left: 0;right: 0;width: 295px;height: 295px;margin: auto;background-image: url( "https://files.scpfoundation.net/local--files/scp-style-resource/scp_trans.png" );background-size: 295px 295px;background-repeat: no-repeat;background-position: center;}.ordertitle {position: absolute;left: 0;right: 0;top: 38px;}.ordertitle h1 {font-size: 220%;color: #555;}.orderdescription {position: absolute;left: 0;right: 0;top: 85px;width: 100%;}.orderdescription p {font-size: 90%;color: #555;}.orderdescription h1 {font-size: 120%;color: #555;}.itemno {position: absolute;left: 0;right: 0;bottom: 27px;}.itemno h1 {font-size: 170%;color: #555;}
[[/module]]Альтернативное оформление шапки объекта
Вариант 1:
Как оно выглядит:
| Объект №: SCP-XXXX | Допуск 4/XXXX |
| Класс объекта: Евклид | Засекречено |
Что копировать:
[[table style="border: none; width: 100%;"]]
[[row]]
[[cell]]
[[size 125%]]**Объект №:** SCP-XXXX[[/size]]
[[/cell]]
[[cell style="text-align: right;"]]
[[size 125%]]###990000|**Допуск 4/XXXX**##[[/size]]
[[/cell]]
[[/row]]
[[row]]
[[cell]]
[[size 125%]]**Класс объекта:** Евклид[[/size]]
[[/cell]]
[[cell style="text-align: right;"]]
[[size 125%]]###990000|**Засекречено**##[[/size]]
[[/cell]]
[[/row]]
[[/table]]
----
[[div_ class="scp-image-block block-center" style="width:100%;"]]
[[image image.jpg {$alt}="{$alt-text}" link=image.jpg]]
[[div class="scp-image-caption"]]
SCP-XXXX.
[[/div]]
[[/div]]
----Примечание: Замените 'image.jpg' на название файла/url изображения, которое используете. Помните, что этот блок с изображением растянет изображение до 100% ширины статьи.
Вариант 2:
Как оно выглядит:
Уровень 1:
Уровень 2:
Уровень 3:
Уровень 4:
Уровень 5:
[Огромное спасибо
TSATPWTCOTTTADC за исправление шапок 1 и 3.]
Что копировать:
[[image header1/2/3/4/5.png]] (Укажите изображение)
------
Примечание: Данный код не включает сам файл. Либо загружайте его в статью, либо копируйте полный адрес изображения отсюда.
Вариант 3:
Как оно выглядит:
1/7777ДОПУСК1/7777СЕКРЕТНО |  | Объект №: SCP-7777Класс объекта: Евклид |
2/7777-RUДОПУСК2/7777-RUСЕКРЕТНО |  | Объект №: SCP-7777-RUКласс объекта: Euclid |
3/7777-KOДОПУСК3/7777-KOСЕКРЕТНО |  | 일련번호: SCP-7777-KO등급: 유클리드(Euclid) |
4/CN-7777ДОПУСК4/CN-7777СЕКРЕТНО |  | 项目编号: SCP-CN-7777项目等级: Euclid |
5/7777-FRДОПУСК5/7777-FRСЕКРЕТНО |  | Objet # : SCP-7777-FRClasse : Euclide |
Что копировать:
[[include component:classified-decoration
|lv=1/2/3/4/5
|item=7777
|oc=Евклид
|lang=EN/RU/KO/CN/FR/PL/ES/TH/JP/DE/IT/UA/PTBR
]]
Или вы хотите просто заменить текст "ДОПУСК" и "СЕКРЕТНО"?
[[include component:classified-decoration
|lv=1/2/3/4/5
|item=7777
|oc=Евклид
|lang=EN/RU/KO/CN/FR/PL/ES/TH/JP/DE/IT/UA/PTBR
|trans-level=<перевод "LEVEL" на ваш язык>
|trans-classified=<перевод "CLASSIFIED" на ваш язык>
]]
Вариант 5:
Как оно выглядит:
Уровень угрозы: Чёрный
Что копировать:
[[*a href="https://scpfoundation.net/niveaux-de-menace-des-objets-scp" style="font-size: 18px; color: white; text-shadow: 1px 3px 1px rgba(0,0,0,0.3); text-decoration: none;"]]
[[span_ style="display: inline-block; width: 100%; background-color: black; text-align: center; border: 1px none #000; margin: 1px; padding-top: 8px; padding-bottom: 8px;"]]
**Уровень угрозы:** Чёрный
[[/span]]
[[/a]]
Примечание: Чтобы поменять цвет, просто замените значение у "background-color" на white, blue, green, yellow, orange, red или black. Для цветов с более высокой или низкой контрастностью в целях сохранения читабельности может понадобиться поменять и значение "color" на white или black.
Примечание: Данное оформление лучше всего работает с альтернативными шапками, показанными выше. Основано на классификации уровней угроз Французского филиала.
Вариант 8: Вариант 1(более простая версия)
Как оно выглядит:
Объект №: SCP-XXXX
Класс объекта: Кетер
Допуск 5/XXXX
Совершенно секретно
Содержимое
Объект №: SCP-XXXX
Класс объекта: Кетер
Допуск 5/XXXX
Совершенно секретно
Содержимое
Что копировать:
[[div style="display: flex; padding-bottom: -1em; border-bottom: solid 1px #444;"]]
[[div style="width: 50%;"]]
**Объект №**: SCP-XXXX
**Класс объекта**: Кетер
[[/div]]
[[div style="width: 50%; text-align: right;"]]
**Допуск 5/XXXX**
**Совершенно секретно**
[[/div]]
[[/div]]
Содержимое
[[div style="display: flex; padding-bottom: -1em; border-bottom: solid 1px #444; font-size: 1.25em;"]]
[[div style="width: 50%;"]]
**Объект №**: SCP-XXXX
**Класс объекта**: Кетер
[[/div]]
[[div style="width: 50%; text-align: right;"]]
**Допуск 5/XXXX**
**Совершенно секретно**
[[/div]]
[[/div]]
Содержимое
Невидимый текст
Вместо "##white|ТУТ ТЕКСТ...##" (которое сломается в любых браузерах с "тёмной темой") лучше используйте transparent.
Попробуйте выделить следующие блоки:
Этот текст невидим, но его можно прочитать при выделении.
А этот текст — белый.
Этот текст невидим, но его можно прочитать при выделении.
А этот текст — белый.
Что копировать:
##transparent|Здесь ваш текст.##
Внимание: это работает только на Sigma-10.
Как оно выглядит:
Здесь ваш текст.
Оформление в виде бумаг или записок
Вариант 1
Как оно выглядит:
Тут тело документа. Для разбивки текста стоит использовать "[[lines 1]]" на пустых строках.
Вот так.
Вы можете использовать [[<]], [[=]] и [[>]] для выравнивания отдельных строк или параграфов.
Что копировать:
ВАЖНО Это копируется в начало вашей статьи:
[[module css]]
.page {
display: block;
overflow: hidden;
font-family: "Monotype Corsiva", "Bradley Hand ITC", sans-serif;
font-style: normal;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
background-origin: padding-box;
background-position: 0px 8px;
background-repeat: repeat;
background-size: 100% 20px;
border: 1px solid #CCC;
border-radius: 10px;
padding: 10px 10px;
margin-bottom: 10px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
}
.page p,
.page ul {
line-height: 20px;
margin: 0;
}
[[/module]]ВАЖНО Это копируется в ту часть, где должен быть блок:
[[div class="page"]]
Тут тело документа. Для разбивки текста стоит использовать "@@[[lines 1]]@@" на пустых строках.
[[lines 1]]
Вот так.
[[lines 1]]
Вы можете использовать [[<]], [[=]] и [[>]] для выравнивания отдельных строк или параграфов.
[[lines 1]]
[[>]]
Наслаждайтесь.
[[/>]]
[[/div]]
Оформление в виде формы логина
Вариант 1
Как оно выглядит:
Что копировать:
Код для вставки и объяснение параметров доступны тут.
Вариант 2
Как оно выглядит:
Что копировать:
[[html]]
<style>
body {font-family: Verdana;}
* {
box-sizing: border-box;
}
.input-container {
display: -ms-flexbox; /* IE10 */
display: flex;
width: 100%;
margin-bottom: 15px;
}
.input-field:focus{
border-style: solid;
transition: 0.5;
border-color: maroon;
border-width: 2px;
}
.input-field {
width: 100%;
padding: 10px;
outline: none;
transition: 0.5s;
}
.btn:focus {
outline: 0;
}
.btn {
background-color: Maroon;
color: white;
padding: 10px 20px;
border: none;
cursor: pointer;
width: 50%;
opacity: 0.9;
transition: 0.09s;
border-radius: 3px;
transition 0.8s;
}
.btn:hover {
opacity: 1;
transition: 0.8s;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.7);
}
.btn:active {
transition: 0.09s;
transform: translateY(1px);
box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0);
}
.btn2 {
background-color: white;
border: none;
cursor: pointer;
}
p {
font-family: Helvetica;
margin-bottom: 5%;
}
</style>
<form autocomplete="off" style="max-width:450px;text-align:center;margin: auto;">
<p style="font-size:55px; font-weight: bold;">ВХОД В SCiPNET</p>
<div class="input-container">
<input class="input-field" type="text" placeholder="Имя пользователя" name="usrnm">
</div>
<div class="input-container">
<input onkeyup="if(this.value.length > 0) document.getElementById('start_button').disabled = false; else document.getElementById('start_button').disabled = true;" class="input-field" type="password" placeholder="Пароль">
</div>
<button id="start_button" class="btn btn-success" onclick="window.open('ЗАМЕНИТЕ ЭТОТ ТЕКСТ НА URL СТРАНИЦЫ НА КОТОРУЮ ДОЛЖНО ПЕРЕНСТИ ПОЛЬЗОВАТЕЛЯ ПРИ НАЖАТИИ НА КНОПКУ','_parent')" disabled> Войти</button>
<br></br>
<button style= "font-weight: bold;" class="btn2 btn-success"> Забыли пароль?</button>
</form>
[[/html]]ВАЖНО:
- Кнопка входа не будет перенаправлять, пока поле пароля пустует.
- Данная форма создана для статей, использующих оффсеты. Заменяйте текст-заглушку на корректную ссылку нужного оффсета вашей статьи.
Карусель изображений
Набор изображений без какого-либо смысла или скрытых посланий.
Инструкция по использованию
Плашки цензуры
Вариант 1
Как оно выглядит:
Это оформление для скрытия информации под цензурирующей плашкой так, чтобы она проявлялась при наведении мышкой.
Что копировать:
[[span class="bblock"]]text here[[/span]]
Как настроить под себя:
Этот код позволяет настроить цвет проявляющегося текста.
[[module CSS]]
.bblock:hover {color: white}
[[/module]]Вариант 2
Как оно выглядит:
Тут при наведении меняется цвет фона, а не самого текста.
Что копировать:
[[span class="dblock"]]тут текст[[/span]]
Как настроить под себя:
Этот код позволяет настроить цвет проявляющегося фона.
[[module CSS]]
.dblock:hover {background: #f4f4f4}
[[/module]]Оформление "сегодняшняя дата"
Как оно выглядит:
Сегодня 02:54 20.05.2026... наверное.
Что копировать:
[[module ListPages limit="1" category="draft" order="updated_at desc"]]
> Сегодня %%updated_at|%Y/%m/%d%%... наверное.
[[/module]]
Оформление в виде чата Discord
Как оно выглядит:
эй, Corvus, ты тут?
ась
чё как
@GOTO 20Новые сообщения
Смотри какая пикча
Что копировать:
Полное объяснение и код доступны тут.
Плашка ACS (Anomaly Classification System)
Нажмите, чтобы узнать зачем она.
Оригинальный автор:
Woedenaz
Как оно выглядит:
Класс риска:
предупреждение
Что копировать:
Шаблон письма электронной почты
Как оно выглядит:
Кому: ПОЛУЧАТЕЛЬ
От: ОТПРАВИТЕЛЬ
Тема: ТЕМА
текст
Кому: ПОЛУЧАТЕЛЬ
От: ОТПРАВИТЕЛЬ
Тема: Re:ТЕМА
текст
Что копировать:
ВАЖНО: Это копируется в начало статьи.
[[module CSS]]
.email-example .collapsible-block-folded a.collapsible-block-link {
animation: blink 0.8s ease-in-out infinite alternate;
}
@keyframes blink {
0% { color: transparent; }
50%, 100% { color: #b01; }
}
.email {border: solid 2px #000000; width: 88%; padding: 1px 15px; margin: 10px; box-shadow: 0 1px 3px rgba(0,0,0,.5)}
.email-example a.collapsible-block-link {font-weight: bold;}
.tofrom {margin-left: 10px; margin-top: 5px; padding: 1px 15px; border-left: solid 3px maroon}
[[/module]]ВАЖНО: Это копируется туда, где должен возникнуть блок.
[[div class="email-example"]]
[[=]]
------
[[collapsible show="У вас одно (1) новое сообщение! Открыть почту SCiPNET?" hide="Re:ТЕМА"]]
[[<]]
[[div class="email"]]
[[div class="tofrom"]]
**Кому:** ПОЛУЧАТЕЛЬ
**От:** ОТПРАВИТЕЛЬ
**Тема:** ТЕМА
[[/div]]
------
текст
[[/div]]
[[lines 1]]
[[div class="email"]]
[[div class="tofrom"]]
**Кому:** ПОЛУЧАТЕЛЬ
**От:** ОТПРАВИТЕЛЬ
**Тема:** Re:ТЕМА
[[/div]]
------
текст
[[/div]]
[[/<]]
[[/collapsible]]
[[/=]]
[[/div]]
