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

Версия от 19:02, 29 июля 2025

Название

Как использовать шаблон "Карточка"

Это шаблон для отображения информации в виде карточки. Доступно 8 полей.

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

{{Карточка
|Название=Название должности
|Цвет_карточки=#FF6B35
|Цвет_заголовка=#FF6B35
|Изображение=[[File:DC.png|128px]]
|1_название=Отдел
|1_текст=[[Командование]]
|2_название=Подчиняется
|2_текст=Центральному командованию
|3_название=Роль
|3_текст=Управление персоналом
}}

Особенности

Поля отображаются только если указано их название
Поля 1, 3, 5, 7 имеют темно-серый фон (#1a2029)
Поля 2, 4, 6, 8 имеют прозрачный фон

@@ Строка 1: / Строка 1: @@
-<div class="card" style="display: flex; flex-direction: column; max-width: 400px; min-width: 300px; width: fit-content; float: right; clear: right; margin: 0 0 0.5em 1em; border: 1px solid {{{Цвет_карточки|#465298}}}; padding: 2px; border-radius: 6px;">
+<templatestyles src="Шаблон:Карточка/styles.css" />
-     <div class="card_header" style="background-color: {{{Цвет_заголовка|#465298}}}; border-radius: 3px; text-align: center;">
+<div class="card">
+     <div class="card_header">
          <div class="card_header_title">
-             <p style="margin: 6px 0;">{{{Название|Название}}}</p>
+             <p>{{{Название|Название}}}</p>
          </div>
      </div>
-     <div class="card_image" style="display: flex; align-items: center; justify-content: center; background-color: transparent;">{{{Изображение|[[File:DC.png|128px]]}}}</div>
+     <div class="card_image">{{{Изображение|[[File:DC.png|128px]]}}}</div>
-     <div class="card_content" style="font-size: 12px;">
+     <div class="card_content">
-         <table style="width: 100%; border-collapse: collapse;">
+         <table>
              <!-- Поле 1 -->
-             {{#if:{{{1_название|}}}|
+             {{#if:{{{1_название|}}}|<tr>
-            <tr style="background-color: #1a2029;">
+                 <th>{{{1_название|}}}</th>
-                 <th style="text-align: left; font-weight: bold; padding: 5px 8px; border: none; width: 40%;">{{{1_название|}}}</th>
+                 <td>{{{1_текст|}}}</td>
-                 <td style="text-align: left; padding: 5px 8px; border: none;">{{{1_текст|}}}</td>
              </tr>}}
              <!-- Поле 2 -->
-             {{#if:{{{2_название|}}}|
+             {{#if:{{{2_название|}}}|<tr>
-            <tr style="background-color: transparent;">
+                 <th>{{{2_название|}}}</th>
-                 <th style="text-align: left; font-weight: bold; padding: 5px 8px; border: none; width: 40%;">{{{2_название|}}}</th>
+                 <td>{{{2_текст|}}}</td>
-                 <td style="text-align: left; padding: 5px 8px; border: none;">{{{2_текст|}}}</td>
              </tr>}}
              <!-- Поле 3 -->
-             {{#if:{{{3_название|}}}|
+             {{#if:{{{3_название|}}}|<tr>
-            <tr style="background-color: #1a2029;">
+                 <th>{{{3_название|}}}</th>
-                 <th style="text-align: left; font-weight: bold; padding: 5px 8px; border: none; width: 40%;">{{{3_название|}}}</th>
+                 <td>{{{3_текст|}}}</td>
-                 <td style="text-align: left; padding: 5px 8px; border: none;">{{{3_текст|}}}</td>
              </tr>}}
              <!-- Поле 4 -->
-             {{#if:{{{4_название|}}}|
+             {{#if:{{{4_название|}}}|<tr>
-            <tr style="background-color: transparent;">
+                 <th>{{{4_название}}}</th>
-                 <th style="text-align: left; font-weight: bold; padding: 5px 8px; border: none; width: 40%;">{{{4_название}}}</th>
+                 <td>{{{4_текст}}}</td>
-                 <td style="text-align: left; padding: 5px 8px; border: none;">{{{4_текст}}}</td>
              </tr>}}
              <!-- Поле 5 -->
-             {{#if:{{{5_название|}}}|
+             {{#if:{{{5_название|}}}|<tr>
-            <tr style="background-color: #1a2029;">
+                 <th>{{{5_название}}}</th>
-                 <th style="text-align: left; font-weight: bold; padding: 5px 8px; border: none; width: 40%;">{{{5_название}}}</th>
+                 <td>{{{5_текст|}}}</td>
-                 <td style="text-align: left; padding: 5px 8px; border: none;">{{{5_текст|}}}</td>
              </tr>}}
              <!-- Поле 6 -->
-             {{#if:{{{6_название|}}}|
+             {{#if:{{{6_название|}}}|<tr>
-            <tr style="background-color: transparent;">
+                 <th>{{{6_название}}}</th>
-                 <th style="text-align: left; font-weight: bold; padding: 5px 8px; border: none; width: 40%;">{{{6_название}}}</th>
+                 <td>{{{6_текст|}}}</td>
-                 <td style="text-align: left; padding: 5px 8px; border: none;">{{{6_текст|}}}</td>
              </tr>}}
              <!-- Поле 7 -->
-             {{#if:{{{7_название|}}}|
+             {{#if:{{{7_название|}}}|<tr>
-            <tr style="background-color: #1a2029;">
+                 <th>{{{7_название}}}</th>
-                 <th style="text-align: left; font-weight: bold; padding: 5px 8px; border: none; width: 40%;">{{{7_название}}}</th>
+                 <td>{{{7_текст|}}}</td>
-                 <td style="text-align: left; padding: 5px 8px; border: none;">{{{7_текст|}}}</td>
              </tr>}}
              <!-- Поле 8 -->
-             {{#if:{{{8_название|}}}|
+             {{#if:{{{8_название|}}}|<tr>
-            <tr style="background-color: transparent;">
+                 <th>{{{8_название}}}</th>
-                 <th style="text-align: left; font-weight: bold; padding: 5px 8px; border: none; width: 40%;">{{{8_название}}}</th>
+                 <td>{{{8_текст|}}}</td>
-                 <td style="text-align: left; padding: 5px 8px; border: none;">{{{8_текст|}}}</td>
              </tr>}}
          </table>