Random Theme

Здесь должен был быть рабочий пример authorbox. Обратитесь к подсекции Sideboxes за информацией.

⮤ Это flavorbox

Для его создания, скопируйте блок ниже
и вставьте его в свой authorbox:

[[div class="flavorbox"]]

Рейтинг:

рейтинг: 3.2
5/60%

Пример форматирования



Что это?


Это тема, созданная Lt Flops. Она является эстетическим улучшением Sigma-101, на которой основана.

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

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


Тёмный вариант темы


Тема Flopstyle: DARK


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


Для подключения этой темы, пожалуйста, скопируйте данный синтаксис и вставьте его в самое начало своей статьи:

[[include theme:flopstyle]]

Если вы хотите использовать эту тему с другой темой, основанной на Sigma-9 или Sigma-10, сначала вставьте Flopstyle, а потом уже выбранную вами тему. Также может потребоваться тонкая настройка визуальной темы.

Прошу также учесть, что данная тема включает в себя следующие компоненты:

  1. Набор визуальных элементов Croqstyle CSS за авторством Croquembouche
  2. Проявление страницы (с параметром speed=1) за авторством Croquembouche
  3. Скрываемый сайдбар для 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'ы - встроенные компоненты, которые бывают двух типов:

  1. authorbox
  2. 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;
}


рейтинг: 4.2
4/75%

ЧТО ЭТО ЗА МЕСТО?

Ад.

(Ну, не совсем)

Это JAKSTYLE. Персональная копирка PLACESTYLE, BLANKSTYLE и всех остальных STYLE, о которых вы могли вспомнить, созданная JakdragonX1. Он не имеет привязки к чему-то во вселенной, будь то группа, канон, СО или ещё чего (Я что по-вашему, HarryBlank? Не, я не настолько умный.)

Кто угодно может использовать эту тему, но помните что я не помню даже что сам съел пять минут назад, так что выбирайте аккуратнее, если вам эта тема показалась "мега крутой".

КАК ИСПОЛЬЗОВАТЬ?

Для подключения этой темы, просто добавьте строчку ниже на вашу страницу и молитесь, что я ничего не сломал и оно заработает как надо.

[[include theme:jakstyle]]

Для редактирования хедера, субхедера и фоновой пикчи, вставьте этот код после подключения темы:

[[module CSS]]
:root {
--header-title: "тут заголовок";
--header-subtitle: "тут подзаголовок";
--lgurl: url('тут url');
}
[[/module]]

ПРИМЕЧАНИЕ: Пожалуйста, поймите что это ТЁМНАЯ тема. Попытки поменять цвета этой темы на очень тёмные или супер-светлые грозят уроном по глазам читателей и по рейтингу вашей статьи (поблагодарите меня за это позже).

В ЧЁМ ОТЛИЧИЯ?

Ты что, слепой что ли? Всё отличное. Но если тебе нужен детальный список изменений, держи:

  • Всё дофига чёрное.
  • Всё дофига белое.
  • Почему-то я решил, что рамки — это старьё.
  • Украл деньги на обед у Penumbra.
  • Добавил Toggle Sidebar по умолчанию.
  • Решил что центрированный хедер намного лучше.
  • Отправился на исправительные работы за надругательство над Extra Black Highlighter.
  • Изменил внешний вид ссылок и спойлеров.
  • Заработал боязнь цветов.
  • После перемены настроения, всё-таки вернул деньги на обед Penumbra.
  • Изменил внешний вид некоторых компонентов, по типу модуля Ayers Info и плашки ACS.

Если хотите увидеть больше, в следующей секции представлены примеры стандартного оформления Wikidot.

ПРИМЕРЫ

logo.svg

Логотип SCP Foundation

Горизонтальная линия может быть создана при помощи 5 дефисов "-----" и проходит через всю страницу, если он не находится внутри чего-либо  (например, цитат). Линии, разделяющие разделы этой страницы, представляют собой горизонтальные линии.2

Ссылка по которой вы наверное переходили, хз

Заголовки можно создать, поставив от одного до шести плюс "+" в начале строки.


Это вкладки.


Это цитата, её можно создать поставив "> " в начале строки.

Больше текста


Это горизонтальная линия.

Вложенная цитата.

ЭтоТаблица
Ты уже должен знатькак такие
создавать

Шрифт тела статьи — Inter.
Шрифт хедера и заголовков — Inter.
Моноширный шрифт — Recursive.

страница 4 из 32 « предыдущая 1 2 3 4 5 6 ... 31 32 следующая »
Структурные: публичный_черновик
версия страницы: 3, Последняя правка: 23 Авг. 2023, 15:18 (678 дней назад)
Пока не указано иное, содержимое этой страницы распространяется по лицензии Creative Commons Attribution-ShareAlike 3.0 License.