Примечание:
Эта страница - компонент, используемый на данной вики. Он предназначен для включения в другие страницы.
Что это?
Это дополнение для плашки классов аномалий, которое позволяет полностью настраивать её по желанию автора.
Как мне его использовать?
Здесь можно реализовать несколько основных подэлементов. Каждый из них можно использовать независимо друг от друга, в зависимости от того, что вам нужно.
Чтобы этот элемент работал, вы должны сначала добавить плашку классов аномалий на вашу страницу. Прежде чем двигаться дальше, заполните все соответствующие поля в заголовке ACS. Это включает в себя написание ваших пользовательских классов в самой плашке ACS.
Затем реализуйте любой из приведенных ниже элементов в списке подэлементов, который вам нужен. Весь текст, выделенный синим цветом, должен быть заменен соответствующими входными данными.
Руководство по цветам
СКА по умолчанию использует определенные цвета для определенных классов. Ниже приведен список цветов по умолчанию, используемых в ACS, с их RGB значениями .
- Ожидающий чёрный1 ( █ ): 12,12,12
- Рассекреченный серый2 ( █ ): 66,66,72
- Общий зелёный3 ( █ ): 0,159,107
- Ограниченный синий4 ( █ ): 0,135,189
- Служебный жёлтый5 ( █ ): 255,211,0
- Секретный оранжевый6 ( █ ): 255,109,0
- Совершенно секретный красный7 ( █ ): 196,2,51
Управление стандартными классами
Из-за особенностей работы ACS при попытке использовать обычные классы с этим элементом нестандартными способами будет выглядеть так, будто вы вписали что-то нестандартное. При необычном использовании стандартного класса впишите цвет и ссылку на иконку этого класса.
Список подэлементов
Пользовательский класс содержания
Чтобы реализовать собственный класс сдерживания, используйте следующий код:
[[include component:customizable-acs
|containment-class= название класса содержания
|containment-image= иконка класса содержания
|containment-color= цвет класса содержания, в коде RGB
|inc-containment = --]]]
Пользовательский класс нарушения
Чтобы использовать собственный класс нарушения, введите следующий код:
[[include component:customizable-acs
|disruption-class= название класса нарушения
|disruption-image= иконка класса нарушения
|disruption-color= Цвет класса нарушения, в коде RGB
|inc-disruption= --]]]
Пользовательский класс риска
Чтобы использовать собственный класс риска, введите следующий код:
[[include component:customizable-acs
|risk-class= название класса риска
|risk-image= иконка класса риска
|risk-color= цвет класса риска, в коде RGB
|inc-risk= --]]]
Пользовательский класс содержания (с макетом нейтрализованного класса)
Чтобы реализовать собственный класс включения с использованием макета нейтрального класса, введите следующий код:
[[include component:customizable-acs
|containment-class= название класса содержания
|containment-image= иконка класса содержания
|containment-color= цвет класса содержания, в коде RGB
|inc-neutralized-layout = --]]]
Пользовательский класс содержания (с макетом внемистемного класса)
Чтобы реализовать собственный класс содержания с использованием макета внесистемного класса, введите следующий код:
[[include component:customizable-acs
|containment-class= название класса содержания
|containment-image= иконка класса содержания
|containment-color= цвет класса содержания, в коде RGB
|inc-esoteric-layout = --]]]
Чтобы это можно было применить, элемент ACS также должен быть обернут в [[div class="anom-bar-esoteric"]]
, например:
[[div class="anom-bar-esoteric"]]
[[include component:anomaly-class-bar-source
|item-number=
|clearance=
|container-class=
|secondary-class=
|secondary-icon=
|disruption-class=
|risk-class=
]]
[[/div]]
Это сделано для того, чтобы один и тот же класс объекта можно было применить в разных ACS на одной странице, без проблем с ненужным отображением в форме макета внесистемного класса. Если вы хотите, чтобы он отображался как обычно, просто не помещайте его в приведенный выше элемент div.
Разделённые цвета класса
Примечание: Этот подэлемент предназначен для использования с макетом внемистемного класса, расположенным выше.
Этот подэлемент назначает цвет вторичному классу, а также позволяет разделу классу содержания включать фон, который разделяется между цветами содержания и вторичного класса. Аналогичный компонент см. в разделённом ACS от PepperGhost.
Чтобы использовать его, введите следующий код:
[[include component:customizable-acs
|containment-class= название класса содержания
|containment-color= цвет класса содержания, в коде RGB
|secondary-class= название вторичного класса
|secondary-color= цвет вторичного класса, в коде RGB
|inc-split-color= --]]]
Пользовательские цвета полос допуска
Вы также можете использовать этот компонент для изменения цвета полос уровня допуска! Для этого введите следующий код, указав собственный цвет в соответствующий уровень допуска:
[[include component:customizable-acs
|clearance-six= Цвет полоски 6-го уровня допуска в коде RGB
|clearance-five= Цвет полоски 5-го уровня допуска в коде RGB
|clearance-four= Цвет полоски 4-го уровня допуска в коде RGB
|clearance-three= Цвет полоски 3-го уровня допуска в коде RGB
|clearance-two= Цвет полоски 2-го уровня допуска в коде RGB
|clearance-one= Цвет полоски 1-го уровня допуска в коде RGB
|inc-clearance= --]]]
Вам не нужно заполнять все поля, а только те, которые будут использоваться.
Пользовательские картинки полос допуска
Этот подэлемент также изменяет полоску допуска, но на этот раз он позволяет полосам отображать фоновое изображение аналогично настройкам по умолчанию для допуска 6 уровня. Для этого введите следующий код:
[[include component:customizable-acs
|clearance-six-image= Картинка полоски 6-го уровня допуска
|clearance-five-image= Картинка полоски 5-го уровня допуска
|clearance-four-image= Картинка полоски 4-го уровня допуска
|clearance-three-image= Картинка полоски 3-го уровня допуска
|clearance-two-image= Картинка полоски 2-го уровня допуска
|clearance-one-image= Картинка полоски 1-го уровня допуска
|inc-clearance-image= --]]]
Как и в случае с пользовательскими цветами полосок допуска, приведенными выше, вам не нужно заполнять здесь все поля, а только те, которые имеют соответствующие уровни допуска.
Полосы допуска в прайде
Этот подэлемент позволяет пользователям менять полосы на цвета прайда с помощью приведенного ниже кода.
[[include component:customizable-acs
|inc-trans/bi/pan/nb-clearance = --]]]
Вы должны выбрать ровно одну переменную из синего списка выше, и она присвоит соответствующие цвета флага прайда полосам допуска.
Цветные акценты
Этот подэлемент позволяет окрашивать другие части заголовка ACS. При этом могут измениться цвета разделительных полос, ромбовидных стрелок опасности и границ значков. Для этого используйте следующий код:
[[include component:customizable-acs
|accent-one= Цвета разделительной полосы и ромба опасности в коде RGB
|accent-two= Цвета границ иконок в коде RGB
|class-number-color= Цвета цифр рядом со значками классов риска и нарушения в коде RGB
|inc-color-accent = --]]]
Пользовательские шрифты
Этот подэлемент устанавливает собственный шрифт в заголовок ACS. Чтобы реализовать это, используйте код ниже:
[[include component:customizable-acs
|font-import= Импортируйте код для шрифта
|font-name= Название шрифта
|inc-custom-font= --]]]
Код импорта — это полная строка кода для импорта шрифта; большинство веб-сайтов шрифтов, таких как Google Fonts, предоставляют правильную строку кода импорта. Например, вот что вы должны применить к переменной font-import для импорта шрифта Roboto Slab:
{{|font-import= @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');}}
Переменная font-name
— это просто фактическое имя шрифта, то есть «Roboto Slab». Убедитесь, что все используемые вами шрифты совместимы с лицензией сайта CC-by-SA 3.0.
Дополнительные разделы категорий ACS
Этот подэлемент позволяет реализовать дополнительные классы ACS. Чтобы реализовать их, вставьте следующий код в то место, где вы хотите, чтобы появились дополнительные разделы:
[[include component:customizable-acs
|category-count= Количество дополнительных категорий, которые вы хотите добавить с помощью этого компонента (от 1 до 4).
|class-color-1= Цвет первой категории в коде RGB
|class-category-1= Название первой категории
|class-text-1= Текст первой категории
|class-icon-1= Иконка первой категории (необязательно)
|class-color-2= Цвет второй категории в коде RGB
|class-category-2= Название второй категории
|class-text-2= Текст второй категории
|class-icon-2= Иконка второй категории (необязательно)
|class-color-3= Цвет третьей категории в коде RGB
|class-category-3= Название третьей категории
|class-text-3= Текст третьей категории
|class-icon-3= Иконка третьей категории (необязательно)
|class-color-4= Цвет четвертой категории в коде RGB
|class-category-4= Название четвертой категории
|class-text-4= Текст четвертой категории
|class-icon-4= Иконка четвертой категории (необязательно)
|inc-extra-categories= --]]]
Если количество дополнительных категорий меньше 4, то будут отображаться только категории с наименьшим номером. Если вы добавляете две категории, то будут отображаться категории 1 и 2, но не 3 и 4. Кроме того, если вам нужно более четырех дополнительных категорий или вы хотите, чтобы новые категории занимали области разного размера, тогда вы можете использовать этот элемент более одного раза.
Custom Text
Внимание: Не подключайте стандартный компонент ACS в этот подкомпонент. Из-за невозможности полностью заменить текст с помощью CSS этот компонент работает путем прямого импорта самого элемента ACS и переписывания частей содержимого div.
Этот подкомпонент позволяет заменить любую часть текста компонента ACS (кроме разделов, охватываемых другими частями страницы этого компонента). Чтобы использовать его, введите следующий код:
[[include component:customizable-acs
|item-number= Номер объекта
|clearance= Уровень допуска
|container-class= Класс содержания
|secondary-class= Вторичный класс(необязательно)
|secondary-icon= Иконка вторичного класса(необязательно. При использовании вторичного класса)
|disruption-class= Класс нарушения
|risk-class= Класс риска
|item-text= Замена "ОБЪЕКТ №:"
|level-text= Замена "ДОПУСК"
|clearance-number-text= Замена числа допуска
|clearance-text= Заменяет название допуска (например, "Общий" для 2 уровня).
|containment-text= Замена "КЛАСС СОДЕРЖАНИЯ:"
|secondary-text= Замена "ВТОРИЧНЫЙ КЛАСС:"
|disruption-text= Замена "КЛАСС НАРУШЕНИЯ:"
|risk-text= Замена "КЛАСС СОДЕРЖАНИЯ:"
|inc-custom-text= --]]]
Все вышеперечисленные параметры должны быть заполнены (если не указано, что они являются необязательными), чтобы компонент работал.