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

Версия от 13:48, 2 июля 2025

Внимание

Небольшие плашки с текстом для пояснений/предупреждений Пример шаблон на странице в коде:

{{InfoBar
color=Цвет hex задней панели плашки
title=Заголовок сверху
info=информация снизу
}}

@@ Строка 3: / Строка 3: @@
    background-color: #191d25;
    color: #ddd;
+  padding: 0.6rem 1rem;
    margin: 0.5em 0;
    border-radius: 0.25rem;
@@ Строка 15: / Строка 16: @@
      font-size: 1em;
      margin-bottom: 0.3rem;
-     background-color: {{{color|#5E1A8B}}}
+     background-color: {{{color|#5E1A8B}}};
+    margin-left: -1rem;
+    margin-right: -1rem;
      margin-top: -0.6rem;
-     padding: 0.3rem 1rem 0.3rem 1rem;
+     padding-left: 1rem;
-     border-top-right-radius: 0.25rem;
+    padding-right: 1rem;
-   ">{{#ifeq:{{{icon|}}}|Circle|<div style="flex-shrink: 0;">[[File:Circle.png|96px]]</div>|{{#ifeq:{{{icon|}}}|Triangle|<div style="flex-shrink: 0;">[[File:Triangle.png|96px]]</div>|}}}}{{{title|}}}</div>
+    padding-top: 0.3rem;
-   <p style="
+     padding-bottom: 0.3rem;
-    margin: 0;
+   ">      {{#ifeq: {{{icon|}}} | Circle
-    padding: 0.6rem 1rem 0.6rem 1rem;
+        | <div style="flex-shrink: 0;">[[File:Circle.png|32px|link=|left]]</div>
-  ">
+        | {{#ifeq: {{{icon|}}} | Triangle
-     {{{info|}}}
+          | <div style="flex-shrink: 0;">[[File:Triangle.png|32px|link=|left]]</div>
+          |
+        }}
+      }}{{{title|Внимание}}}</div>
+   <p style="margin: 0;">
+     {{{info|Внимание}}}
    </p>
 </div>