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

ВизуальныйВики-текст

Текущая версия от 09:46, 4 февраля 2026

Документация

Шаблон для создания стилизованных информационных блоков с возможностью бокового размещения.

Основные параметры:

title - заголовок блока
content - содержимое блока
color - цвет в HEX (по умолчанию: 888)
image - имя файла иконки
trans - прозрачность фона (по умолчанию: 1e)

Параметры позиционирования:

side - сторона размещения: left, right, none (по умолчанию: none)
width - ширина блока: px, %, em, vw (по умолчанию: авто)
maxwidth - максимальная ширина
minwidth - минимальная ширина
margin - внешние отступы (по умолчанию: 0.5em 1em)
clear - очистка обтекания: left, right, both, none

Примеры:

Обычный блок

Полноразмерный блок...

@@ Строка 1: / Строка 1: @@
 <noinclude>
 == Документация ==
-Шаблон для создания стилизованных информационных блоков.
+Шаблон для создания стилизованных информационных блоков с возможностью бокового размещения.
-'''Параметры:'''
+'''Основные параметры:'''
 * '''title''' - заголовок блока
 * '''content''' - содержимое блока
@@ Строка 10: / Строка 10: @@
 * '''trans''' - прозрачность фона (по умолчанию: 1e)
-'''Пример:'''
+'''Параметры позиционирования:'''
-{{Frame|
+* '''side''' - сторона размещения: left, right, none (по умолчанию: none)
-{{Имя шаблона
+* '''width''' - ширина блока: px, %, em, vw (по умолчанию: авто)
-|title = Заголовок
+* '''maxwidth''' - максимальная ширина
-|color = FF5733
+* '''minwidth''' - минимальная ширина
-|image = Icon.png
+* '''margin''' - внешние отступы (по умолчанию: 0.5em 1em)
-|content = Текст...
+* '''clear''' - очистка обтекания: left, right, both, none
-|trans = 2a
-}}
+'''Примеры:'''
+{{Frame
+| title = Обычный блок
+| side = none
+| content = Полноразмерный блок...
 }}
 </noinclude><includeonly>
-<div class="pageframe-container" style="box-shadow: 0 0 .3em #999; border-radius: 1em 1em .2em .2em; margin: 1em 0.2em 1em 0.2em; padding: 1px;">
+<!-- Основной контейнер с динамическими стилями -->
-<!-- ^ Контейнер: тень, скругления, отступы ^ -->
+<div class="pageframe-container" style="
+    box-shadow: 0 0 .3em #999;
-<div class="pageframe-header" style="background: #{{{color|888}}}; border-radius: 1em 1em 0 0; color: #FFF; padding: .4em .8em .5em;">
+    border-radius: 1em 1em .2em .2em;
-<center>
+    margin: {{{margin|0.5em 1em}}};
-{{#if:{{{image|}}}|[[file:{{{image}}}|left|24px]]|}}  <!-- Левая иконка (если есть) -->
+    padding: 1px;
-'''{{{title}}}'''                                      <!-- Заголовок -->
+    {{#if:{{{side|none}}}|float: {{{side}}};|}}
-{{#if:{{{image|}}}|[[file:{{{image}}}|right|24px]]|}} <!-- Правая иконка (если есть) -->
+    {{#if:{{{width|}}}|width: {{{width}}};|}}
+    {{#if:{{{maxwidth|}}}|max-width: {{{maxwidth}}};|}}
+    {{#if:{{{minwidth|}}}|min-width: {{{minwidth}}};|}}
+    {{#ifeq:{{{side|none}}}|none||margin-{{{side}}}: 0;}}
+    box-sizing: border-box;
+">
+<div class="pageframe-header" style="background: #{{{color|888}}}; border-radius: 1em 1em 0 0; color: #FFF; padding: .4em .8em .5em;"><center>{{#if:{{{image|}}}|[[file:{{{image}}}|left|24px]]|}}  <!-- Левая иконка (если есть) -->'''{{{title}}}'''                                      <!-- Заголовок -->{{#if:{{{image|}}}|[[file:{{{image}}}|right|24px]]|}} <!-- Правая иконка (если есть) -->
 </center>
 </div>
 <!-- ^ Заголовок: цвет {{{color}}}, иконки, текст {{{title}}} ^ -->
 <div style="border-radius: 0 0 .2em .2em; padding: 1em; background: #{{{color|888888}}}{{{trans|1e}}}">
-{{{content}}}  <!-- Основное содержимое блока -->
+{{{content}}}  <!-- Основное содержимое блока --></div><!-- ^ Контент: фон {{{color}}} + прозрачность {{{trans}}} ^ -->
-</div>
+</div><!-- Очистка обтекания при необходимости -->
-<!-- ^ Контент: фон {{{color}}} + прозрачность {{{trans}}} ^ -->
+{{#if:{{{clear|}}}|<div style="clear: {{{clear}}};"></div>|}}
-</div>
 </includeonly>