Шаблон:JobHeaderNew: различия между версиями

Материал из МК14 | Space Station 14 Wiki
Нет описания правки
Нет описания правки
Строка 34: Строка 34:
</includeonly>
</includeonly>
<noinclude>
<noinclude>
== Описание ==
__NOTOC__
Шаблон карточки должности с настраиваемыми цветами.
== JobHeaderNew — универсальный шаблон карточки должности ==
== Параметры ==
Этот шаблон создаёт адаптивную карточку должности с настраиваемыми цветами и содержимым. Подходит для любых отделов и профессий.
; department : Название отдела
 
; border_color : Цвет рамок (по умолчанию #5B9810)
=== Полный список параметров ===
; shadow_color : Цвет свечения (если не задан, равен border_color)
{| class="wikitable"
; header_bg : CSS-фон заголовка
! Параметр !! Описание !! Значение по умолчанию
; header_color : Цвет текста в заголовке (по умолчанию наследуется от вики, например, белый)
|-
; img : Изображение (вики-разметка)
| <code>department</code> || Название отдела (отображается в заголовке) || <code>Отдел</code>
; title : Название должности
|-
; duties, difficulty, supervisors, access, guides, specialization, requirements : Содержимое полей
| <code>border_color</code> || Цвет всех рамок || <code>#5B9810</code>
== Пример использования (с изменённым цветом заголовка) ==
|-
| <code>shadow_color</code> || Цвет свечения рамок (если не указан, берётся <code>border_color</code>) || равен <code>border_color</code>
|-
| <code>header_bg</code> || CSS-фон заголовка. Можно задать градиент, цвет или изображение || Зелёный диагональный градиент
|-
| <code>header_color</code> || Цвет текста в заголовке || <code>inherit</code> (наследует цвет вики, обычно белый)
|-
| <code>img</code> || Изображение должности (вики-разметка) || <code><nowiki>[[File:Capitan.png|128px]]</nowiki></code>
|-
| <code>title</code> || Название должности (крупный заголовок) || <code>Должность</code>
|-
| <code>duties</code> || Обязанности || <code>Не указаны</code>
|-
| <code>difficulty</code> || Сложность || <code>Не указана</code>
|-
| <code>supervisors</code> || Руководители (можно использовать вики-ссылки) || <code>Нет</code>
|-
| <code>access</code> || Уровни доступа || <code>Нет</code>
|-
| <code>guides</code> || Руководства (вики-ссылки) || <code>Отсутствуют</code>
|-
| <code>specialization</code> || Специализации || <code>Отсутствуют</code>
|-
| <code>requirements</code> || Условия открытия роли || <code>Нет</code>
|}
 
=== Как работают цвета ===
* <code>border_color</code> задаёт основной цвет рамок. Для разных отделов можно использовать свои цвета:
** Сервисный — <code>#5B9810</code> (зелёный)
** Инженерный — <code>#C4A90E</code> (жёлтый)
** Медицинский — <code>#1E90FF</code> (синий)
** Служба безопасности — <code>#B22222</code> (красный)
** Научный — <code>#9932CC</code> (фиолетовый)
* <code>shadow_color</code> позволяет сделать свечение другого оттенка, если нужно. Если не задан, совпадает с цветом рамок.
* <code>header_bg</code> принимает любой CSS-фон. Например:
** Сплошной цвет: <code>#2E4A1C</code>
** Горизонтальный градиент: <code>linear-gradient(to right, #416B0B, #5B9810)</code>
** Повторяющийся узор: <code>repeating-linear-gradient(45deg, #333, #333 10px, #555 10px, #555 20px)</code>
* <code>header_color</code> меняет цвет текста в шапке. Полезно, если фон слишком тёмный или светлый.
 
=== Адаптивность ===
Карточка автоматически подстраивается под мобильные устройства:
* На широком экране изображение и информация стоят рядом.
* На узком (менее ~500px) информация переносится под картинку и занимает всю ширину.
* Блоки никогда не выходят за границы экрана, рамки стыкуются без двойных линий.
 
=== Примеры использования ===
 
==== Сервисный отдел (Уборщик) ====
<pre>
<pre>
{{JobHeaderNew
{{JobHeaderNew
Строка 51: Строка 99:
| header_bg = repeating-linear-gradient(45deg, #416B0B, #416B0B 10px, #5B9810 10px, #5B9810 20px)
| header_bg = repeating-linear-gradient(45deg, #416B0B, #416B0B 10px, #5B9810 10px, #5B9810 20px)
| border_color = #5B9810
| border_color = #5B9810
| header_color = #b8cc8a
| header_color = #ffffff
| img = [[File:Уборщик.png|128px]]
| img = [[File:Уборщик.png|128px]]
| title = Уборщик
| title = Уборщик
Строка 63: Строка 111:
}}
}}
</pre>
</pre>
=== Примечания ===
* Все параметры необязательны — можно указать только те, которые отличаются от стандартных.
* В полях <code>supervisors</code>, <code>guides</code> и других можно использовать обычную вики-разметку, например <code><nowiki>[[Старший инженер]]</nowiki></code>.
* Изображение автоматически центрируется. Рекомендуемый размер — 128px (можно изменить прямо в параметре <code>img</code>).
* Если вы хотите сделать карточку без изображения, просто укажите <code>|img=</code> (пустое значение).
[[Категория:Шаблоны]]
</noinclude>
</noinclude>

Версия от 04:35, 7 августа 2026


JobHeaderNew — универсальный шаблон карточки должности

Этот шаблон создаёт адаптивную карточку должности с настраиваемыми цветами и содержимым. Подходит для любых отделов и профессий.

Полный список параметров

Параметр Описание Значение по умолчанию
department Название отдела (отображается в заголовке) Отдел
border_color Цвет всех рамок #5B9810
shadow_color Цвет свечения рамок (если не указан, берётся border_color) равен border_color
header_bg CSS-фон заголовка. Можно задать градиент, цвет или изображение Зелёный диагональный градиент
header_color Цвет текста в заголовке inherit (наследует цвет вики, обычно белый)
img Изображение должности (вики-разметка) [[File:Capitan.png|128px]]
title Название должности (крупный заголовок) Должность
duties Обязанности Не указаны
difficulty Сложность Не указана
supervisors Руководители (можно использовать вики-ссылки) Нет
access Уровни доступа Нет
guides Руководства (вики-ссылки) Отсутствуют
specialization Специализации Отсутствуют
requirements Условия открытия роли Нет

Как работают цвета

  • border_color задаёт основной цвет рамок. Для разных отделов можно использовать свои цвета:
    • Сервисный — #5B9810 (зелёный)
    • Инженерный — #C4A90E (жёлтый)
    • Медицинский — #1E90FF (синий)
    • Служба безопасности — #B22222 (красный)
    • Научный — #9932CC (фиолетовый)
  • shadow_color позволяет сделать свечение другого оттенка, если нужно. Если не задан, совпадает с цветом рамок.
  • header_bg принимает любой CSS-фон. Например:
    • Сплошной цвет: #2E4A1C
    • Горизонтальный градиент: linear-gradient(to right, #416B0B, #5B9810)
    • Повторяющийся узор: repeating-linear-gradient(45deg, #333, #333 10px, #555 10px, #555 20px)
  • header_color меняет цвет текста в шапке. Полезно, если фон слишком тёмный или светлый.

Адаптивность

Карточка автоматически подстраивается под мобильные устройства:

  • На широком экране изображение и информация стоят рядом.
  • На узком (менее ~500px) информация переносится под картинку и занимает всю ширину.
  • Блоки никогда не выходят за границы экрана, рамки стыкуются без двойных линий.

Примеры использования

Сервисный отдел (Уборщик)

{{JobHeaderNew
| department = Сервисный отдел
| header_bg = repeating-linear-gradient(45deg, #416B0B, #416B0B 10px, #5B9810 10px, #5B9810 20px)
| border_color = #5B9810
| header_color = #ffffff
| img = [[File:Уборщик.png|128px]]
| title = Уборщик
| duties = Поддерживание чистоты на станции, замена сломанных лампочек
| difficulty = Лёгкая
| supervisors = [[Глава персонала]], [[Менеджер]]
| access = Уборщик, Техобслуживание
| guides = [[Сервисный_Отдел#О_отделе|Базовое руководство отдела]]
| specialization = Отсутствуют
| requirements = 1 час общего времени
}}

Примечания

  • Все параметры необязательны — можно указать только те, которые отличаются от стандартных.
  • В полях supervisors, guides и других можно использовать обычную вики-разметку, например [[Старший инженер]].
  • Изображение автоматически центрируется. Рекомендуемый размер — 128px (можно изменить прямо в параметре img).
  • Если вы хотите сделать карточку без изображения, просто укажите |img= (пустое значение).