Участник:Kemran2933: различия между версиями

Версия от 15:25, 12 ноября 2026

Черновик Шаблон:Procedure: сворачиваемый блок для СРП и других длинных текстов. Стили лежат в Участник:Kemran2933/Procedure.css.

Пример

Пример процедуры

Нажмите в любом месте заголовка, чтобы раскрыть или свернуть блок.

Первый пункт.
Второй пункт со ссылкой.

Процедура с вложенной

Внешний и вложенный блоки раскрываются независимо.

Вложенная процедура

Этот блок лежит внутри предыдущего.

Использование

{{Procedure
|название=Название процедуры
|содержание=Текст процедуры.
* Первый пункт.
* Второй пункт.
}}

название: Заголовок блока. Если параметр пустой или не указан, выводится «Процедура».
содержание: Текст процедуры. Принимает любую вики-разметку, в том числе списки, таблицы и вложенные {{Procedure}}.

Параметр палитра из старых вызовов можно не удалять: он ни на что не влияет.

Как работает

Блок свёрнут по умолчанию и занимает 100% ширины родительского блока.
Раскрывается щелчком в любом месте заголовка, а с клавиатуры клавишами Enter или Пробел, когда заголовок выбран через Tab. Ссылки в заголовке работают как обычные ссылки.
Сворачивание делает штатный механизм MediaWiki mw-collapsible, отдельные расширения не нужны. Плавная анимация и стрелка сделаны на CSS. Если в системе включено уменьшение движения, анимация отключается.
Вложенные процедуры раскрываются независимо друг от друга.
Если ссылка ведёт на якорь внутри свёрнутого блока, MediaWiki сама его раскроет.
Без JavaScript содержимое показывается раскрытым.

Перенос в шаблон

Создайте Шаблон:Procedure/styles.css и скопируйте туда содержимое Участник:Kemran2933/Procedure.css.
Скопируйте исходный код этой страницы в Шаблон:Procedure и замените src="Участник:Kemran2933/Procedure.css" на src="Procedure/styles.css".

@@ Строка 1: / Строка 1: @@
+<includeonly><templatestyles src="Участник:Kemran2933/Procedure.css" /><div class="ss220-procedure mw-collapsible mw-collapsed"><div class="ss220-procedure__head mw-collapsible-toggle" role="button">{{#if:{{{название|}}}|{{{название}}}|Процедура}}</div><div class="mw-collapsible-content"><div class="ss220-procedure__body"><div class="ss220-procedure__inner">
+{{{содержание|}}}
+</div></div></div></div></includeonly><noinclude>
+Черновик [[Шаблон:Procedure]]: сворачиваемый блок для СРП и других длинных текстов. Стили лежат в [[Участник:Kemran2933/Procedure.css]].
+== Пример ==
+{{:{{FULLPAGENAME}}
+|название=Пример процедуры
+|содержание=Нажмите в любом месте заголовка, чтобы раскрыть или свернуть блок.
+* Первый пункт.
+* Второй пункт со [[Новичкам|ссылкой]].
+}}
+{{:{{FULLPAGENAME}}
+|название=Процедура с вложенной
+|содержание=Внешний и вложенный блоки раскрываются независимо.
+{{:{{FULLPAGENAME}}
+|название=Вложенная процедура
+|содержание=Этот блок лежит внутри предыдущего.
+}}
+}}
+== Использование ==
+<syntaxhighlight lang="wikitext">
+{{Procedure
+|название=Название процедуры
+|содержание=Текст процедуры.
+* Первый пункт.
+* Второй пункт.
+}}
+</syntaxhighlight>
+; <code>название</code>
+: Заголовок блока. Если параметр пустой или не указан, выводится «Процедура».
+; <code>содержание</code>
+: Текст процедуры. Принимает любую вики-разметку, в том числе списки, таблицы и вложенные <code><nowiki>{{Procedure}}</nowiki></code>.
+Параметр <code>палитра</code> из старых вызовов можно не удалять: он ни на что не влияет.
+== Как работает ==
+* Блок свёрнут по умолчанию и занимает 100% ширины родительского блока.
+* Раскрывается щелчком в любом месте заголовка, а с клавиатуры клавишами Enter или Пробел, когда заголовок выбран через Tab. Ссылки в заголовке работают как обычные ссылки.
+* Сворачивание делает штатный механизм MediaWiki <code>mw-collapsible</code>, отдельные расширения не нужны. Плавная анимация и стрелка сделаны на CSS. Если в системе включено уменьшение движения, анимация отключается.
+* Вложенные процедуры раскрываются независимо друг от друга.
+* Если ссылка ведёт на якорь внутри свёрнутого блока, MediaWiki сама его раскроет.
+* Без JavaScript содержимое показывается раскрытым.
+== Перенос в шаблон ==
+# Создайте [[Шаблон:Procedure/styles.css]] и скопируйте туда содержимое [[Участник:Kemran2933/Procedure.css]].
+# Скопируйте исходный код этой страницы в [[Шаблон:Procedure]] и замените <code>src="Участник:Kemran2933/Procedure.css"</code> на <code>src="Procedure/styles.css"</code>.
+</noinclude>