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

<div style="color: #555555; font-size: 80%; font-style: italic; font-family: serif; text-align: center;">Материал из '''Библиотеки Теопедии''', http://ru.teopedia.org/lib</div>
(Новая страница: «<includeonly><div style="{{#if: {{{ширина|}}} |-moz-column-width: {{{ширина}}}; -webkit-column-width: {{{ширина}}}; column-width: {{{ширин…»)
 
(Новая страница: «<noinclude>Шаблон предназначен для автоматического разбиения списка на несколько колонок. И…»)
 
(не показаны 3 промежуточные версии этого же участника)
Строка 1: Строка 1:
<includeonly><div style="{{#if: {{{ширина|}}} |-moz-column-width: {{{ширина}}}; -webkit-column-width: {{{ширина}}}; column-width: {{{ширина}}}; |-moz-column-count: {{{1|2}}}; -webkit-column-count: {{{1|2}}}; column-count: {{{1|2}}}; }} font-size: {{{размер|100%}}};"></includeonly><noinclude>
<noinclude>Шаблон предназначен для автоматического разбиения списка на несколько колонок. Используются открывающий шаблон {{ш|Колонки начинаются}} и закрывающий шаблон {{ш|Колонки завершаются}}.
Шаблон предназначен для автоматического разбиения списка на несколько колонок. Используются открывающий шаблон {{tl|Колонки начинаются}} и закрывающий шаблон {{tl|Колонки завершаются}}.


Необязательные параметры:
Необязательные параметры:
* '''1''' -- Первый не именованный параметр - количество колонок. По умолчанию: '''2'''.
* '''1''' -- Первый не именованный параметр - количество колонок. По умолчанию: '''2'''.
* '''ширина''' -- ширина колонок в пиксилях (500px), процентах (80%) или других [http://htmlbook.ru/content/edinitsy-izmereniya единицах измерения HTML]. По умолчанию: '''100%'''.
* '''ширина''' -- ширина одной колонки в пикселях (100px), процентах (20%) или других [http://htmlbook.ru/content/edinitsy-izmereniya единицах измерения HTML]. По умолчанию не указывается.
* '''размер''' -- Размер шрифта. По умолчанию: '''100%'''.
* '''размер''' -- Размер шрифта. По умолчанию: '''100%'''.


== Параметры ==
Для копирования:
<pre>
{{Колонки начинаются}}
{{Колонки завершаются}}
</pre>
 
 
== Примеры использования==
«'''По умолчанию'''» список автоматически делится на две равные колонки:
«'''По умолчанию'''» список автоматически делится на две равные колонки:
<pre>{{Колонки начинаются}}
<pre>{{Колонки начинаются}}
Строка 62: Строка 68:
При указании '''ширины колонки''' браузер автоматически выберет число колонок с учётом ширины окна браузера. Указывайте ширину колонки, достаточную для отображения средней длины элементов.
При указании '''ширины колонки''' браузер автоматически выберет число колонок с учётом ширины окна браузера. Указывайте ширину колонки, достаточную для отображения средней длины элементов.


<pre>{{Колонки начинаются|ширина=70%}}
<pre>{{Колонки начинаются|ширина=20%}}
* элемент списка 1
* элемент списка 1
* элемент списка 2
* элемент списка 2
Строка 75: Строка 81:
</pre>
</pre>


{{Колонки начинаются|ширина=70%}}
{{Колонки начинаются|ширина=20%}}
* элемент списка 1
* элемент списка 1
* элемент списка 2
* элемент списка 2
Строка 139: Строка 145:
{{Колонки завершаются}}
{{Колонки завершаются}}


<pre>{{Колонки начинаются|ширина=600px|размер=90%}}
<pre>{{Колонки начинаются|ширина=100px|размер=90%}}
* 1
* 1
* 2
* 2
Строка 151: Строка 157:
</pre>
</pre>


{{Колонки начинаются|ширина=600px|размер=90%}}
{{Колонки начинаются|ширина=100px|размер=90%}}
* 1
* 1
* 2
* 2
Строка 163: Строка 169:


[[Категория:Шаблоны оформления]]
[[Категория:Шаблоны оформления]]
</noinclude>
</noinclude><includeonly><div style="{{#if: {{{ширина|}}} |-moz-column-width: {{{ширина}}}; -webkit-column-width: {{{ширина}}}; column-width: {{{ширина}}}; |-moz-column-count: {{{1|2}}}; -webkit-column-count: {{{1|2}}}; column-count: {{{1|2}}}; }} font-size: {{{размер|100%}}};"></includeonly>

Текущая версия от 09:39, 12 октября 2018

Шаблон предназначен для автоматического разбиения списка на несколько колонок. Используются открывающий шаблон {{Колонки начинаются}} и закрывающий шаблон {{Колонки завершаются}}.

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

  • 1 -- Первый не именованный параметр - количество колонок. По умолчанию: 2.
  • ширина -- ширина одной колонки в пикселях (100px), процентах (20%) или других единицах измерения HTML. По умолчанию не указывается.
  • размер -- Размер шрифта. По умолчанию: 100%.

Для копирования:

{{Колонки начинаются}}
{{Колонки завершаются}}


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

«По умолчанию» список автоматически делится на две равные колонки:

{{Колонки начинаются}}
* элемент списка 1
* элемент списка 2
* элемент списка 3
* элемент списка 4
* элемент списка 5
* элемент списка 6
* элемент списка 7
* элемент списка 8
* элемент списка 9
{{Колонки завершаются}}
  • элемент списка 1
  • элемент списка 2
  • элемент списка 3
  • элемент списка 4
  • элемент списка 5
  • элемент списка 6
  • элемент списка 7
  • элемент списка 8
  • элемент списка 9

Количество колонок указывается в открывающем шаблоне:

{{Колонки начинаются|3}}
* элемент списка 1
* элемент списка 2
* элемент списка 3
* элемент списка 4
* элемент списка 5
* элемент списка 6
* элемент списка 7
* элемент списка 8
* элемент списка 9
{{Колонки завершаются}}
  • элемент списка 1
  • элемент списка 2
  • элемент списка 3
  • элемент списка 4
  • элемент списка 5
  • элемент списка 6
  • элемент списка 7
  • элемент списка 8
  • элемент списка 9

При указании ширины колонки браузер автоматически выберет число колонок с учётом ширины окна браузера. Указывайте ширину колонки, достаточную для отображения средней длины элементов.

{{Колонки начинаются|ширина=20%}}
* элемент списка 1
* элемент списка 2
* элемент списка 3
* элемент списка 4
* элемент списка 5
* элемент списка 6
* элемент списка 7
* элемент списка 8
* элемент списка 9
{{Колонки завершаются}}
  • элемент списка 1
  • элемент списка 2
  • элемент списка 3
  • элемент списка 4
  • элемент списка 5
  • элемент списка 6
  • элемент списка 7
  • элемент списка 8
  • элемент списка 9

Параметр размер=90% уменьшает размеры шрифта до 90%:

{{Колонки начинаются|размер=90%}}
* элемент списка 1
* элемент списка 2
* элемент списка 3
* элемент списка 4
* элемент списка 5
* элемент списка 6
* элемент списка 7
* элемент списка 8
* элемент списка 9
{{Колонки завершаются}}
  • элемент списка 1
  • элемент списка 2
  • элемент списка 3
  • элемент списка 4
  • элемент списка 5
  • элемент списка 6
  • элемент списка 7
  • элемент списка 8
  • элемент списка 9

Комбинации:

{{Колонки начинаются|3|размер=70%}}
* элемент списка 1
* элемент списка 2
* элемент списка 3
* элемент списка 4
* элемент списка 5
* элемент списка 6
* элемент списка 7
* элемент списка 8
* элемент списка 9
{{Колонки завершаются}}
  • элемент списка 1
  • элемент списка 2
  • элемент списка 3
  • элемент списка 4
  • элемент списка 5
  • элемент списка 6
  • элемент списка 7
  • элемент списка 8
  • элемент списка 9
{{Колонки начинаются|ширина=100px|размер=90%}}
* 1
* 2
* 3
* 4
* 5
* 6
* 7
* 8
{{Колонки завершаются}}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8