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

Версия от 11:33, 30 июля 2025

Название

свернуть

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

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

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

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

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

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

свернуть

Пункт 1
Пункт 2

Первый
Второй

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

@@ Строка 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; margin-bottom: 5px; 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="mw-collapsible рамка">
-         <div class="card_header_title" style="display: flex; justify-content: space-between; align-items: center; text-align: left; margin: 0 6px;">
+     <div class="mw-collapsible-toggle рамка-заголовок">
-             <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="рамка-название">{{{Название|Название}}}</p>
+             <div class="mw-collapsible-toggle mw-collapsible-toggle-default"><span class="mw-collapsible-text рамка-кнопка">свернуть</span>
+            </div>
          </div>
      </div>
-     <div class="mw-collapsible-content card_content" style="padding: 5px 8px; display: block;">
+     <div class="mw-collapsible-content рамка-содержимое">
 {{{Содержание|Какое-то содержание}}}
      </div>