Цветные блоки (Blacklight Box)

Примечание:

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

рейтинг: 5.0
1/100%

Добро пожаловать на страницу ещё-одного-компонента-Woedenaz-который-чересчур-переусложнён-из-за-долбанного-ВикиДота
ЕОКWКЧПИЗДВД, если кратко.

Перейти к примерам


КАК

ЭТО НЕОБХОДИМО ДЕЛАТЬ ОДИН РАЗ НА СТАТЬЮ!

[[include component:blacklight-box-source |inc-source= --]]]

Этот шаг НЕОБЯЗАТЕЛЬНЫЙ.

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


[[include component:blacklight-box-source |inc-colors= --]
|color-family=lowercase-безпробелов-на-английском
|bg-color=rgb(234,234,234)
|txt-color=rgb(12,12,12)
|border-color=rgb(100,3,15)
|label-bg-color=rgb(100,3,15)
|label-txt-color=rgb(252,252,252)
]]


ПОДСКАЗКИ

  • Если вы хотите применить одинаковые цвета на несколько блоков, добавьте этот код один раз, а затем присвойте всем блокам одно и то же семейство цветов [См. пример 2].
  • У блоков есть цвета по умолчанию, которые применяются, если данный код отсутствует [См. пример 1]. Они динамически подстраиваются либо под Black Highlighter, либо под Sigma-9.
  • Рекомендуется оставлять цвет границы блока и цвет фона подписи одинаковыми.
  • Всегда помещайте данный код ПЕРЕД блоком, в котором вы хотите изменить цвета.
  • Все цвета принимают hex, rgb, rgba и hsl.

Начало [[include]]

Уникальное семейство цветов СТРОЧНЫМИ БУКВАМИ БЕЗ ПРОБЕЛОВ НА АНГЛИЙСКОМ

Цвет фона блока ↦

Цвет текста в блоке ↦

Цвет границы блока ↦

Цвет фона подписи ↦

Цвет текста подписи ↦

Конец [[include]]


[[include component:blacklight-box-source |inc-colors= --]

|color-family=строчными-без-пробелов-на-английском

|bg-color=rgb(234,234,234)

|txt-color=rgb(12,12,12)

|border-color=rgb(100,3,15)

|label-bg-color=rgb(100,3,15)

|label-txt-color=rgb(252,252,252)

]]

Данный код необходим для каждого блока.


[[include component:blacklight-box-source-inc-section-start
|color-family=optional-colors
|unique-name=строчными-без-пробелов-на-английском
|display-name=Текст в заголовке блока
]]
Сюда вписывается содержимое блока.
[[include component:blacklight-box-source-inc-section-end]]


ПОДСКАЗКИ

  • Если вы используете собственные цвета из шага 2, не забывайте устанавливать их ПЕРЕД данным кодом.
    • Помните, если вам нужны одинаковые цвета во всех блоках, используйте одно и то же семейство цветов.
    • Если вам нужны уникальные цвета для каждого блока, вам необходимо несколько раз устанавливать цвета и присвоить каждому блоку своё семейство цветов.
  • Содержимое блока поддерживает всю разметку движка.
  • Постарайтесь не делать подписи слишком длинными, так как они не переносятся на новую строку. Но на мобильных экранах текст подписи уменьшается.

Начало открывающего [[include]]

НЕОБЯЗАТЕЛЬНО: Семейство цветов из шага 2 ↦

Уникальное имя СТРОЧНЫМИ БУКВАМИ БЕЗ ПРОБЕЛОВ НА АНГЛИЙСКОМ

Отображаемый в подписи текст ↦

Конец открывающего [[include]]

Поместите сюда содержимое ↦

Закрывающий [[include]]


[[include component:blacklight-box-source-inc-section-start

|color-family=optional-colors

|unique-name=строчными-без-пробелов-на-английском

|display-name=Текст в заголовке блока

]]

Сюда вписывается содержимое блока.

[[include component:blacklight-box-source-inc-section-end@@]]


ПРИМЕРЫ


Пример 1

Простые блоки со стандартными цветами

Они меняются в зависимости от используемой темы, будь то Black Highlighter или Sigma-9.

color-family не нужен.


Пример 2

Блоки с одинаковой цветовой палитрой

У всех этих блоков одинаковые цвета.

И хотя у них разные подписи
и разные unique-name'ы,

Они используют одно и то же семейство цветов,
в данном случае — |color-family=same-color.


Пример 3

Блоки с уникальными цветовыми палитрами

Бесконечность — не предел.

Буйство красок и цвета.

А может, это лишь сон.

А может ты сходишь с ума.

Структурные: визуальный_элемент
Филиал: en
версия страницы: 86, Последняя правка: 25 Июнь 2025, 12:38 (4 дня назад)
Пока не указано иное, содержимое этой страницы распространяется по лицензии Creative Commons Attribution-ShareAlike 3.0 License.