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

Материал из FIRE STATION WIKI
Нет описания правки
Нет описания правки
 
(не показано 11 промежуточных версий этого же участника)
Строка 1: Строка 1:
<div class="mw-collapsible card" style="display: flex; flex-direction: column; max-width: 100%; min-width: 300px; width: fit-content; width: 100%; margin: 0.5em 0; border: 1px solid {{{Цвет_карточки|#465298}}}; padding: 2px; border-radius: 6px;">
<templatestyles src="Шаблон:Рамка/styles.css" />
     <div class="mw-collapsible-toggle card_header" style="background-color: {{{Цвет_заголовка|#465298}}}; border-radius: 3px; text-align: center;">
<div class="{{#ifeq: {{{Скрываемое_содержание|да}}} | нет || mw-collapsible }} рамка" style="border: 1px solid {{{Цвет_карточки|#465298}}};">  
         <div class="card_header_title" style="display: flex; justify-content: space-between; align-items: center; margin: 0 6px;">
     <div class="{{#ifeq: {{{Скрываемое_содержание|да}}} | нет || mw-collapsible-toggle }} рамка-заголовок" style="background-color: {{{Цвет_заголовка|#465298}}};">
             <p style="margin: 6px 0;">{{{Название|Название}}}</p>
         <div class="рамка-заголовок-контент">
            <div class="mw-collapsible-toggle mw-collapsible-toggle-default"><span class="mw-collapsible-text" style="color: #fff; cursor: pointer;">свернуть</span></div>
             <p class="рамка-название" style="text-align: {{{Название_выравнивание|left}}}">{{{Название|Название}}}</p>
{{#ifeq: {{{Скрываемое_содержание|да}}} | нет || <div class="mw-collapsible-toggle mw-collapsible-toggle-default"><span class="mw-collapsible-text рамка-кнопка">свернуть</span></div> }}
         </div>
         </div>
     </div>
     </div>
     <div class="mw-collapsible-content card_content" style="padding: 5px 8px; display: block;">
     <div class="{{#ifeq: {{{Скрываемое_содержание|да}}} | нет || mw-collapsible-content }} рамка-содержимое" style="padding: {{{Содержимое_отступ|5px 8px;}}} !important">
        <div>{{{Содержание|Какое-то содержание}}}</div>
{{{Содержание|Какое-то содержание}}}
     </div>
     </div>
</div>
</div>
<noinclude>__NOTOC__==Как&nbsp;использовать шаблон "Рамка"==
<noinclude>__NOTOC__==Как&nbsp;использовать шаблон "Рамка"==


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


===Пример использования===
===Пример использования===
Строка 20: Строка 21:
|Цвет_карточки=#FF6B35
|Цвет_карточки=#FF6B35
|Цвет_заголовка=#FF6B35
|Цвет_заголовка=#FF6B35
|Содержимое_отступ= <!-- Не обязательный параметр -->
|Название_выравнивание=left <!-- left стоит по умолчанию, ввод параметра не обязателен -->
|Скрываемое_содержание=да <!-- да стоит по умолчанию, ввод параметра не обязателен -->
|Содержание=
|Содержание=
* Список
* Список
Строка 39: Строка 43:
'''Жирный текст''' и ''курсив''<br>
'''Жирный текст''' и ''курсив''<br>
[[Директор Комплекса|Ссылка]]
[[Директор Комплекса|Ссылка]]
<b>HTML <i>разметка</i></b>
}}
{{Рамка
|Название=Название рамки
|Цвет_карточки=#FF6B35
|Цвет_заголовка=#FF6B35
|Название_выравнивание=center
|Скрываемое_содержание=нет <!-- да стоит по умолчанию, ввод параметра не обязателен -->
|Содержание=
* Список
# Нумерованный список
'''Жирный текст'''
[[Ссылка]]
<b>HTML <i>разметка</i></b>
<b>HTML <i>разметка</i></b>
}}
}}
</noinclude>
</noinclude>

Текущая версия от 13:34, 3 августа 2025

Название

свернуть

Какое-то содержание

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

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

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

{{Рамка
|Название=Название рамки
|Цвет_карточки=#FF6B35
|Цвет_заголовка=#FF6B35
|Содержимое_отступ= <!-- Не обязательный параметр -->
|Название_выравнивание=left <!-- left стоит по умолчанию, ввод параметра не обязателен -->
|Скрываемое_содержание=да <!-- да стоит по умолчанию, ввод параметра не обязателен -->
|Содержание=
* Список
# Нумерованный список
'''Жирный текст'''
[[Ссылка]]
<b>HTML <i>разметка</i></b>
}}

Название рамки

свернуть
  • Пункт 1
  • Пункт 2
  1. Первый
  2. Второй

Жирный текст и курсив
Ссылка HTML разметка

Название рамки

  • Список
  1. Нумерованный список

Жирный текст Ссылка HTML разметка