Просмотр визуальных тем

По умолчанию стоит самая первая тема, т.е. Pet Theme, не удивляйтесь.

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

1333

Тема Penumbra (версия BHL)
страница 37 из 82 « предыдущая 1 2 ... 35 36 37 38 39 ... 81 82 следующая »
рейтинг: 3.8
8/88%

Это порт темы Penumbra за авторством EstrellaYoshte на Black Highlighter

Цвета темы

Tuna--gray-monochrome(47, 51, 60)
Summer Sky--bright-accent(30, 181, 232)
{$color3-name}{$color3-variable}{$color3-info}
{$color4-name}{$color4-variable}{$color4-info}
{$color5-name}{$color5-variable}{$color5-info}
{$color6-name}{$color6-variable}{$color6-info}

White Smoke--white-monochrome(248, 248, 248)
Alto--very-light-gray-monochrome(215, 215, 215)
Black Rock--dark-gray-monochrome(47, 51, 60)
Cinder--black-monochrome(33, 37, 46)
{$subcolor5-name}{$subcolor5-variable}{$subcolor5-info}
{$subcolor6-name}{$subcolor6-variable}{$subcolor6-info}
{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}
{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}
{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}
{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}
{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}
{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}
black-highlighter-logo.svg

Использование

Предупреждение: Эта тема основана на Black Highlighter. Однако вам не надо дополнительно подключать Black Highlighter в коде статьи. Узнать больше о BHL можно здесь.1

На этой вики:

[[include theme:penumbra-bhl]]

Переменные CSS оставлены такими же, как и в оригинальной теме для удобства их переопределения [см. ниже].

ЕДИНСТВЕННОЕ ИСКЛЮЧЕНИЕ — --accentColor надо конвертировать в RGB. Например, #1EB5E8 станет 30, 181, 232. Удобный инструмент можно найти тут.

НЕ НАДО добавлять rgb( ) при конвертировании цвета. Просто три числа через запятую.

:root {
--header-title: "БОЛЬШОЙ ЗАГОЛОВОК";
--header-subtitle: "маленький подзаголовок";
--lgurl: url("сюда адрес логотипа");
--accentColor: СЮДА ЦВЕТ;
}

Примеры

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

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

+ Заголовки

Это вкладки.

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

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

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

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

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

[[div class="darkbox"]]

[[div class="lightbox"]]

Блок sidebox создаётся следующим образом:

[[div class="limit"]] <— Устанавливает старт якоря
[[div class="anchor"]] <— Устанавливает позицию блока
[[div class="sidebox"]]
Текст внутри блока.
[[/div]]
[[/div]]

Основной текст, рядом с которым висит блок.

[[/div]] <— Устанавливает конец якоря

Пример


Без элемента limit, anchor останется висеть на протяжении всего содержимого страницы после промотки мимо соответствующего div'а.

Учтите что блок sidebox уменьшается при ширине экрана 1290px и ниже.

Шрифт хедэра — Jost, потому что Josefin Sans не поддерживает кириллицу.

Шрифт статьи — Roboto.

Моноширный шрифт — Fira Code.

Сноски
страница 37 из 82 « предыдущая 1 2 ... 35 36 37 38 39 ... 81 82 следующая »



Горизонтальные линии могут быть созданы с помощью 5 дефисов "-----"

Заголовки создаются путем добавления от 1 до 6 плюсов в начале строки.

+ Спойлер - Кликни по Мне

Это текст в табе.

Это цитата, она делается через "> " которая стоит на каждой строке цитаты

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

А это горизонтальная линия

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

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

MVYblYgo0qA.jpg

Изображение.
версия страницы: 87, Последняя правка: 22 Янв. 2024, 13:49 (356 дней назад)
Пока не указано иное, содержимое этой страницы распространяется по лицензии Creative Commons Attribution-ShareAlike 3.0 License.