Шаблон:Стек

Документация по шаблону [ просмотр ] [ правка ] [ история ] [ очистка ]

Этот шаблон используется примерно на 27 000 страниц , и изменения могут быть широко замечены. Протестируйте изменения на подстраницах шаблона /sandbox или /testcases или на вашей собственной подстранице пользователя . Рассмотрите возможность обсуждения изменений на странице обсуждения перед их реализацией.

В этом шаблоне используются TemplateStyles:

Шаблон: Stack/styles.css ( песочница )

Этот шаблон использует Lua :

Модуль:Проверка неизвестных параметров ( песочница )

Этот шаблон можно использовать для размещения изображений и другого плавающего контента, например, шаблонов инфобоксов, не вызывая проблем с интервалами и плаванием. Введите строку изображений/шаблонов в качестве первого параметра, чтобы они размещались в стопке без возникновения ошибок плавания или ошибок интервалов. Вы можете размещать много объектов сверху раздела и не заставлять другие подразделы размещаться в стопке.

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

В самом простом варианте:

{{ стек | <объекты> }}

В качестве альтернативы можно использовать {{stack begin}}и {{stack end}}:

{{ начало стека }}<объекты>{{ конец стека }}

Это <object>может быть просто строка викикода для множества изображений/шаблонов.

Необязательные параметры

{{ stack | <object(s)> | float = left или right | clear = true или false | margin = true или false }}

или

{{ stack begin  | float = left или right | clear = true или false | margin = true или false }}

где

float= left или right (по умолчанию right )
Эту опцию можно использовать для размещения стопки слева или справа на странице.
clear= true или false (по умолчанию false )
Эту опцию можно использовать для принудительного перемещения стека в крайнее левое или правое положение (например, рядом с информационным полем).
margin= true или false (по умолчанию false )
Эту опцию можно использовать для добавления отступа в 1em слева (для float right) или справа (для float left).

Вы также можете явно перечислить несколько аргументов:

{{ stack | float = left или right | clear = true или false | margin = true или false | 1 = <object(s)> | 2 = <object(s)> и т. д. до 9 параметров в текущей версии }}

Эта версия с несколькими аргументами включает дополнительные вертикальные пробелы между каждым (набором) <object(s)>.

Примеры

Чтобы проиллюстрировать полезность шаблонов стека, рассмотрим следующую ситуацию. Мы хотели бы иметь два правых плавающих изображения в верхней части первого раздела нашей статьи (здесь, раздел Lipsum ), и одно левое плавающее изображение в верхней части второго раздела (здесь, раздел Lorem ). Чтобы добиться этого макета, не используя шаблон стека, мы могли бы попробовать следующий код:

=====''Lipsum''===== [[ Файл : Пример простых форм.png | большой палец | справа | Пример 1a ]] [[ Файл : Пример простых форм.png | большой палец | справа | Пример 1b ]]... текст ...=====''Lorem''===== [[ Файл : Пример простых фигур.png | большой палец | левый | Пример 1c ]]... текст ...=====''Ипсум''=====... текст ...

Результат этого показан в разделе без стека ниже. Обратите внимание, как левое плавающее изображение (пример 1c) не может плавать над последним правым плавающим изображением (пример 1b). Вам может потребоваться изменить ширину браузера, чтобы полностью оценить проблему. Чтобы исправить эту проблему, мы можем сложить вместе два правых плавающих изображения, используя следующий код:

=====''Lipsum''===== {{ stack  |[[ Файл : Пример простых форм.png | большой палец | справа | Пример 2a ]]  [[ Файл : Пример простых форм.png | большой палец | справа | Пример 2b ]]}}... текст ...=====''Lorem''===== [[ Файл : Пример простых фигур.png | большой палец | левый | Пример 2c ]]... текст ...=====''Ипсум''=====... текст ...

Результат этого показан в разделе со стеком ниже. Обратите внимание, как при добавлении этого шаблона стека левое плавающее изображение (пример 2c) теперь может плавать выше и не блокируется от плавания выше верхней части последнего правого плавающего изображения (пример 2b).

Без{{куча}}

Липсум

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut Labore et dolore magna aliqua.

Лорем

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum ullamco Laboris Nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor в осуждении за сладострастие velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint ocaecat cupidatat not proident, sunt in culpa qui officia deserunt mollit anim id est Laborum.