Рейтинг:
Это — тема для канона war-on-all-fronts-hub. Основанная на Sigma-9 альтернативная тема этой версии расположена ЗДЕСЬ. Данная тема основана на теме Black Highlighter, однако подключать её отдельно вам не надо. Для подключения этой темы к своей статье, вставьте в неё этот код:
[[include theme:war-on-all-fronts-bhl]]
Заголовок
Заголовок 2-ого уровня
Заголовок 3-его уровня
Ссылка, по которой вы не переходили (Ссылка, по которой вы переходили)
У этой темы есть особенное оформление для горизонтальных линий (см. ниже), которое можно включить с помощью следующего кода:
[[/div]]
Это основной блок текста
В нём обязана размещаться вся текстовая информация в теме, если она не находится в других блоках или спойлерах. Не оставляйте текст без блоков на фоне текущей темы.
Все заголовки первого уровня в этом блоке синего цвета.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
В теле и навигации используется шрифт — Fira Sans
Заголовочный шрифт — Geologica
[[div class="main-frame"]] + Заголовок (если необходим) Содержимое. [[/div]]
Горизонтальные линии могут быть созданы с помощью 5 дефисов "-----"
Заголовки создаются путем добавления от 1 до 6 плюсов в начале строки.
Это текст в табе.
Это цитата, она делается через "> " которая стоит на каждой строке цитаты
Больше текста!А это горизонтальная линия
Вложенная цитата
Это таблица Ты уже должен знать как это делать
Дополнительно
Это блок с особой границей слева.
[[div class="lined"]] [[/div]]
Изображение по правому краю.
Изображение по левому краю.
Это список с вертикальными карточками
Карточка 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Карточка 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Карточка 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Карточка 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Карточка 5
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Карточка 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
[[div class="articles"]] [[div class="stand"]] + Карточка 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. [[/div]] [[div class="stand"]] + Карточка 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. [[/div]] [[div class="stand"]] + Карточка 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. [[/div]] [[div class="stand"]] + Карточка 4 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. [[/div]] [[div class="stand"]] + Карточка 5 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. [[/div]] [[div class="stand"]] + Карточка 6 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. [[/div]] [[/div]]
Рейтинг:
Пример форматирования
Что это?
Это тема, созданная
Lt Flops. Она является эстетическим улучшением Sigma-101, на которой основана.
Используйте данную тему, только если понимаете, что вы делаете.
Данная тема несовместима с Black Highlighter, BASALT или Sigma+.
Как использовать
Для подключения этой темы, пожалуйста, скопируйте данный синтаксис и вставьте его в самое начало своей статьи:
[[include theme:flopstyle]]
Если вы хотите использовать эту тему с другой темой, основанной на Sigma-9 или Sigma-10, сначала вставьте Flopstyle, а потом уже выбранную вами тему. Также может потребоваться тонкая настройка визуальной темы.
Прошу также учесть, что данная тема включает в себя следующие компоненты:
- Набор визуальных элементов Croqstyle CSS за авторством
Croquembouche
- Проявление страницы (с параметром speed=1) за авторством
Croquembouche
- Скрываемый сайдбар для Sigma-9 за авторством
EstrellaYoshte
Эта тема была создана с учётом следующих компонентов...
Центрированный заголовок Sigma-9
Для использования этого компонента, вставьте код ниже после подключения Flopstyle. Если ваша статья использует тему на базе Sigma-9 помимо Flopstyle, вставьте этот код после подключения второй темы:
[[include component:centered-header-sigma-9]]
Вы можете по своему желанию изменить заголовок, подзаголовок, их цвета и логотип в хедэре. Просто вставьте этот код после include с компонентом заголовка, а затем отредактируйте соответствующим образом:
[[module CSS]]
:root {
--header-title: "ЗАГОЛОВОК";
--header-subtitle: "ПОДЗАГОЛОВОК";
--titleColor: цвет_заголовка;
--subtitleColor: цвет_подзаголовка;
--lgurl: url(АДРЕС_ЛОГОТИПА);
}
[[/module]]
Плашка Flops
[[include component:flops-header
|item=
|containment=
|level=
|security=
|disruption=
|disruption-bg-color=
]]
Sidebox'ы
Адаптированы из темы Penumbra за авторством
EstrellaYoshte.
Sidebox'ы - встроенные компоненты, которые бывают двух типов:
- authorbox
- sidebox
Инструкции по использованию зависят от типа.
- authorbox не отображается на экранах с шириной меньше width=1200px, включая мобильные устройства. Его можно использовать для отображения информации о статье и авторе.
- sidebox сворачивается за границу страницы на экранах с шириной меньше width=1200px. На таких экранах он доступен при нажатии на него или наведении курсора. Его можно использовать для отображения дополнительной информации.
Учтите эти ограничения перед тем как добавлять эти компоненты в свою статью — большая часть аудитории SCP вики просматривает сайт с мобильных устройств.
1. Authorbox
(См. верхний левый угол страницы)
Решением АМС authorbox отключён в русскоязычном филиале.
2. Sidebox
sidebox по умолчанию выключен. Создать его можно следующим образом:
[[div class="limit"]] Устанавливает начало якоря.
[[div class="anchor"]] Устанавливает позицию sidebox'а.
[[div class="sidebox"]]
Тут пишется желаемый текст для sidebox.
[[/div]]
[[/div]]
А тут уже текст, рядом с которым должен висеть sidebox.
[[/div]] Устанавливает конец якоря.
Я рекомендую вручную ставить перенос строки после текста, рядом с которым висит sidebox. Это можно сделать, добавив [[lines 1]] на пустой строке. sidebox появится возле этого текста, когда вы прокрутите мимо него.
Помните про div limit. Без limit, anchor заставит sidebox висеть на протяжении всей статьи, после того как вы прокрутите мимо точки начала якоря.
Прочие изменяемые секции
При надобности вы можете также изменить любые из этих свойств CSS, чтобы они лучше подходили под ваши нужды. Этот список не покрывает все стили Flopstyle, однако он является хорошей отправной точкой.
Изменить свойства компонента Info
.info-container {
/* = Изменяйте цвет в соответствии с темой сайта = */
--barColour: цвет_полосы;
}
#u-author_block {
display: none;
}
Изменить цвет подзаголовка lite-heading
.lite-heading h3 {
/* = Изменяйте цвет в соответствии с темой сайта = */
color: цвет_lite_heading;
}
Изменить цвет левого края card-block и sidebox
:root {
--accentColor: акцентный_цвет;
}
Изменить логотип простого блока-предупреждения
(Изображение должно быть прозрачным)
.warning-notice {
background-image: url(АДРЕС_ЛОГОТИПА);
background-size: 400px;
}
Изменить логотип продвинутого блока-предупреждения
(Изображение должно быть прозрачным)
.council {
background-image: url(АДРЕС_ЛОГОТИПА);
}
Изменить фон навигации по циклу
.series-nav {
background:
linear-gradient(
to bottom right,
hsla(0, 0%, 100%, 1),
ЦВЕТ_СЮДА);
}
Скрыть заголовок страницы
#page-title {
display: none;
}
Скрыть футер со сносками
.footnotes-footer {
display: none;
}