Шаблон:Навигационная таблица/doc: различия между версиями
Pok (обсуждение | вклад) мНет описания правки |
Pok (обсуждение | вклад) мНет описания правки |
||
| Строка 4: | Строка 4: | ||
{{используйте песочницу}} | {{используйте песочницу}} | ||
{{Навигационные шаблоны}} | {{Навигационные шаблоны}} | ||
Данный шаблон позволяет быстро создавать [ | Данный шаблон позволяет быстро создавать [https://w.wiki/DnhH навигационные шаблоны], указывая в качестве параметров списки ссылок. | ||
В правом верхнем углу находится кнопка [показать]{{sp/}}[скрыть]. Это реализовано с помощью [[MediaWiki:Common.js]]. Подробнее см. [ | В правом верхнем углу находится кнопка [показать]{{sp/}}[скрыть]. Это реализовано с помощью [[MediaWiki:Common.js]]. Подробнее см. [https://w.wiki/DnhB Сворачиваемые блоки]. | ||
== Заготовка для копирования == | == Заготовка для копирования == | ||
| Строка 195: | Строка 195: | ||
; навигация <span style="font-weight:normal;">[<code>да, нет</code>]</span> | ; навигация <span style="font-weight:normal;">[<code>да, нет</code>]</span> | ||
; navigation | ; navigation | ||
: Включает [ | : Включает [https://w.wiki/Apbh динамическую] навигацию для ссылок на другие шаблоны. | ||
:: <code>да</code> — значение по умолчанию для [ | :: <code>да</code> — значение по умолчанию для [https://w.wiki/7nDu основного пространства]; | ||
:: <code>нет</code> — при данном значении полностью отключается навигация между ссылками, даже теми, что отмечены шаблоном {{tl|nn}}; | :: <code>нет</code> — при данном значении полностью отключается навигация между ссылками, даже теми, что отмечены шаблоном {{tl|nn}}; | ||
| Строка 224: | Строка 224: | ||
; список<sub>n</sub> | ; список<sub>n</sub> | ||
; list<sub>n</sub> | ; list<sub>n</sub> | ||
: ''(список1, список2, ..., список23)'' Тело шаблона; как правило, набор ссылок. Каждый список отображается в отдельной строке таблицы. Каждый {{para|список<sub>n</sub>}} может быть сопровождён параметром {{para|группа<sub>n</sub>}} (см. выше). {{anchor|астериски}}Если параметр {{para|класс_списков}} (или {{para|класс_тела}}) содержит значение <code>hlist</code>, каждый элемент списка должен начинаться с новой строки и использовать [ | : ''(список1, список2, ..., список23)'' Тело шаблона; как правило, набор ссылок. Каждый список отображается в отдельной строке таблицы. Каждый {{para|список<sub>n</sub>}} может быть сопровождён параметром {{para|группа<sub>n</sub>}} (см. выше). {{anchor|астериски}}Если параметр {{para|класс_списков}} (или {{para|класс_тела}}) содержит значение <code>hlist</code>, каждый элемент списка должен начинаться с новой строки и использовать [https://w.wiki/DihW астериск] (<code>*</code>). Если в строка будет начинаться с двух и более астерисков (<code>**</code>), то элементы начнут оборачиваться в скобки, как дочерние для основного. Пример: | ||
:: {{pre|<nowiki> | :: {{pre|<nowiki> | ||
| список1 = | | список1 = | ||
| Строка 265: | Строка 265: | ||
=== Стили === | === Стили === | ||
В следующих параметрах указываются [ | В следующих параметрах указываются [https://w.wiki/5bjc CSS]-стили. | ||
''Внимание! Значения стилей таблиц по умолчанию в Википедии в настоящее время заданы с помощью [https://ru.wikipedia.org/wiki/MediaWiki:Common.css MediaWiki:Common.css].'' | ''Внимание! Значения стилей таблиц по умолчанию в Википедии в настоящее время заданы с помощью [https://ru.wikipedia.org/wiki/MediaWiki:Common.css MediaWiki:Common.css].'' | ||
| Строка 302: | Строка 302: | ||
:: <code>vertical-align: [''top/middle/bottom''];</code> | :: <code>vertical-align: [''top/middle/bottom''];</code> | ||
:: <code>white-space: nowrap;</code> | :: <code>white-space: nowrap;</code> | ||
: Цвет фона по умолчанию — <code><span style="background: #dcebff;">#dcebff</span></code>. Как можно видеть, этот цвет чуть светлее стандартного цвета фона заголовка шаблона. Если вы подбираете цвет фона по тому же принципу, отталкиваясь от другого цвета фона заголовка, вы можете воспользоваться инструментом подбора цвета на базе [ | : Цвет фона по умолчанию — <code><span style="background: #dcebff;">#dcebff</span></code>. Как можно видеть, этот цвет чуть светлее стандартного цвета фона заголовка шаблона. Если вы подбираете цвет фона по тому же принципу, отталкиваясь от другого цвета фона заголовка, вы можете воспользоваться инструментом подбора цвета на базе [https://w.wiki/DnhP HSL-шкалы], сдвинув значение третьего параметра (светлоты) на треть ближе к 100 (например, 85 → 90; [http://hslpicker.com/ пример инструмента]). | ||
; стиль_группы<sub>n</sub> | ; стиль_группы<sub>n</sub> | ||
| Строка 361: | Строка 361: | ||
; belowclass | ; belowclass | ||
: Задают CSS-класс для элементов шаблона. Обычно используется <code>hlist</code> в {{para|класс_списков}} для горизонтальных списков. Каждый из параметров может принимать значение <code>hlist</code>, но если в шаблоне вы используете более одного параметра с <code>hlist</code>, то лучше использовать {{para|bodyclass}} для всего шаблона. Также можно использовать класс <code>hlist-items-nowrap</code>, чтобы запретить перенос строки внутри элементов (ссылки не переносятся в любом случае), но это создаёт проблемы в IE9 и ниже <small>(ими можно будет пренебречь, когда [http://www.liveinternet.ru/stat/ru/browsers.html?period=month&slice=desktop&id=49&id=50&id=55&id=54&show=перестроить+график&per_page=50&report=browsers.html%3Fslice%3Ddesktop;period%3Dmonth доля их использования] станет очень малой)</small>. | : Задают CSS-класс для элементов шаблона. Обычно используется <code>hlist</code> в {{para|класс_списков}} для горизонтальных списков. Каждый из параметров может принимать значение <code>hlist</code>, но если в шаблоне вы используете более одного параметра с <code>hlist</code>, то лучше использовать {{para|bodyclass}} для всего шаблона. Также можно использовать класс <code>hlist-items-nowrap</code>, чтобы запретить перенос строки внутри элементов (ссылки не переносятся в любом случае), но это создаёт проблемы в IE9 и ниже <small>(ими можно будет пренебречь, когда [http://www.liveinternet.ru/stat/ru/browsers.html?period=month&slice=desktop&id=49&id=50&id=55&id=54&show=перестроить+график&per_page=50&report=browsers.html%3Fslice%3Ddesktop;period%3Dmonth доля их использования] станет очень малой)</small>. | ||
: {{anchor|bookmarklet}}Раньше шаблоны использовали разделители вроде {{t|•}}, {{t|·}} вместо списков с астериском. Чтобы автоматически преобразовать код шаблона из старого формата в новый, вы можете воспользоваться следующим [ | : {{anchor|bookmarklet}}Раньше шаблоны использовали разделители вроде {{t|•}}, {{t|·}} вместо списков с астериском. Чтобы автоматически преобразовать код шаблона из старого формата в новый, вы можете воспользоваться следующим [https://w.wiki/DnhL букмарклетом] (запускается из панели закладок):<syntaxhighlight lang="js">javascript:if ('toHlist' in window) { window.toHlist(); } else { importScript('User:Jack_who_built_the_house/toHlist.js'); }</syntaxhighlight>Этот букмарклет не преобразует элементы в скобках в [[#астериски|пункты списка второго уровня]] (<code>**</code>) — это нужно делать вручную. | ||
== Примеры == | == Примеры == | ||
| Строка 1183: | Строка 1183: | ||
* {{tl|Сворачивающийся список}} | * {{tl|Сворачивающийся список}} | ||
* {{tl|Скрытый блок}} | * {{tl|Скрытый блок}} | ||
* [ | * [https://w.wiki/DnhB Сворачиваемые блоки] | ||
== TemplateData == | == TemplateData == | ||