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

Материал из in.wiki
Перейти к навигации Перейти к поиску
w>Grain of sand
(доп)
w>Мастер теней
(обновление)
Строка 8: Строка 8:
 
== Параметры ==
 
== Параметры ==
 
«'''По умолчанию'''» список автоматически делится на две равные колонки:
 
«'''По умолчанию'''» список автоматически делится на две равные колонки:
<pre>{{кол}}
+
<pre>{{колонки}}
 
* элемент списка 1
 
* элемент списка 1
 
* элемент списка 2
 
* элемент списка 2
Строка 18: Строка 18:
 
* элемент списка 8
 
* элемент списка 8
 
* элемент списка 9
 
* элемент списка 9
{{конец кол}}
+
{{колонки/конец}}
 
</pre>
 
</pre>
  
{{кол}}
+
{{колонки}}
 
* элемент списка 1
 
* элемент списка 1
 
* элемент списка 2
 
* элемент списка 2
Строка 31: Строка 31:
 
* элемент списка 8
 
* элемент списка 8
 
* элемент списка 9
 
* элемент списка 9
{{конец кол}}
+
{{колонки/конец}}
  
 
'''Количество колонок''' указывается в открывающем теге:
 
'''Количество колонок''' указывается в открывающем теге:
<pre>{{кол|3}}
+
<pre>{{колонки|3}}
 
* элемент списка 1
 
* элемент списка 1
 
* элемент списка 2
 
* элемент списка 2
Строка 44: Строка 44:
 
* элемент списка 8
 
* элемент списка 8
 
* элемент списка 9
 
* элемент списка 9
{{конец кол}}
+
{{колонки/конец}}
 
</pre>
 
</pre>
  
{{кол|3}}
+
{{колонки|3}}
 
* элемент списка 1
 
* элемент списка 1
 
* элемент списка 2
 
* элемент списка 2
Строка 57: Строка 57:
 
* элемент списка 8
 
* элемент списка 8
 
* элемент списка 9
 
* элемент списка 9
{{конец кол}}
+
{{колонки/конец}}
  
 
Несколько колонок в настоящее время поддерживаются только в [[Gecko]]- и [[WebKit]]-браузерах ([[Firefox]], [[Google Chrome]], [[Safari]]), однако эта опция включена в [[Cascading Style Sheets|CSS3]], а следовательно, будет поддерживаться в будущем и другими браузерами<ref>{{cite web|url=http://www.w3.org/TR/css3-multicol/|title=CSS Multi-column Layout Module|lang=en|publisher=|date=|accessdate=4 мая 2010}}</ref><ref>{{cite web|url=https://developer.mozilla.org/en/CSS3_Columns|title=CSS3 Columns — Mozilla Developer Center|lang=en|publisher=|date=|accessdate=4 мая 2010}}</ref>.
 
Несколько колонок в настоящее время поддерживаются только в [[Gecko]]- и [[WebKit]]-браузерах ([[Firefox]], [[Google Chrome]], [[Safari]]), однако эта опция включена в [[Cascading Style Sheets|CSS3]], а следовательно, будет поддерживаться в будущем и другими браузерами<ref>{{cite web|url=http://www.w3.org/TR/css3-multicol/|title=CSS Multi-column Layout Module|lang=en|publisher=|date=|accessdate=4 мая 2010}}</ref><ref>{{cite web|url=https://developer.mozilla.org/en/CSS3_Columns|title=CSS3 Columns — Mozilla Developer Center|lang=en|publisher=|date=|accessdate=4 мая 2010}}</ref>.
Строка 63: Строка 63:
 
При указании '''ширины колонки''' браузер автоматически выберет число колонок с учётом ширины окна браузера. Указывайте ширину колонки, достаточную для отображения средней длины элементов.
 
При указании '''ширины колонки''' браузер автоматически выберет число колонок с учётом ширины окна браузера. Указывайте ширину колонки, достаточную для отображения средней длины элементов.
  
<pre>{{кол|13em}}
+
<pre>{{колонки|13em}}
 
* элемент списка 1
 
* элемент списка 1
 
* элемент списка 2
 
* элемент списка 2
Строка 73: Строка 73:
 
* элемент списка 8
 
* элемент списка 8
 
* элемент списка 9
 
* элемент списка 9
{{конец кол}}
+
{{колонки/конец}}
 
</pre>
 
</pre>
  
Строка 86: Строка 86:
 
* элемент списка 8
 
* элемент списка 8
 
* элемент списка 9
 
* элемент списка 9
{{конец кол}}
+
{{колонки/конец}}
  
 
Параметр <code>мал=да</code> '''уменьшает размеры шрифта''' (90 %):
 
Параметр <code>мал=да</code> '''уменьшает размеры шрифта''' (90 %):
<pre>{{кол|мал=да}}
+
<pre>{{колонки|мал=да}}
 
* элемент списка 1
 
* элемент списка 1
 
* элемент списка 2
 
* элемент списка 2
Строка 99: Строка 99:
 
* элемент списка 8
 
* элемент списка 8
 
* элемент списка 9
 
* элемент списка 9
{{конец кол}}
+
{{колонки/конец}}
 
</pre>
 
</pre>
  
{{кол|мал=да}}
+
{{колонки|мал=да}}
 
* элемент списка 1
 
* элемент списка 1
 
* элемент списка 2
 
* элемент списка 2
Строка 112: Строка 112:
 
* элемент списка 8
 
* элемент списка 8
 
* элемент списка 9
 
* элемент списка 9
{{конец кол}}
+
{{колонки/конец}}
  
 
'''Комбинации:'''
 
'''Комбинации:'''
<pre>{{кол|3|мал=да}}
+
<pre>{{колонки|3|мал=да}}
 
* элемент списка 1
 
* элемент списка 1
 
* элемент списка 2
 
* элемент списка 2
Строка 125: Строка 125:
 
* элемент списка 8
 
* элемент списка 8
 
* элемент списка 9
 
* элемент списка 9
{{конец кол}}
+
{{колонки/конец}}
 
</pre>
 
</pre>
  
{{кол|3|мал=да}}
+
{{колонки|3|мал=да}}
 
* элемент списка 1
 
* элемент списка 1
 
* элемент списка 2
 
* элемент списка 2
Строка 138: Строка 138:
 
* элемент списка 8
 
* элемент списка 8
 
* элемент списка 9
 
* элемент списка 9
{{конец кол}}
+
{{колонки/конец}}
  
<pre>{{кол|3em|мал=да}}
+
<pre>{{колонки|3em|мал=да}}
 
* 1
 
* 1
 
* 2
 
* 2
Строка 149: Строка 149:
 
* 7
 
* 7
 
* 8
 
* 8
{{конец кол}}
+
{{колонки/конец}}
 
</pre>
 
</pre>
  
{{кол|3em|мал=да}}
+
{{колонки|3em|мал=да}}
 
* 1
 
* 1
 
* 2
 
* 2
Строка 161: Строка 161:
 
* 7
 
* 7
 
* 8
 
* 8
{{конец кол}}
+
{{колонки/конец}}
  
 
Также в шаблоне можно ограничивать количество колонок и их ширину — в параметре {{code|maxcount}} можно указать максимальное количество колонок, в параметре {{code|minwidth}} — минимальную их ширину.
 
Также в шаблоне можно ограничивать количество колонок и их ширину — в параметре {{code|maxcount}} можно указать максимальное количество колонок, в параметре {{code|minwidth}} — минимальную их ширину.

Версия от 22:01, 15 января 2018

__EXPECTED_UNCONNECTED_PAGE__

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

Для оформления раздела «Примечания» используется специальный аналогичный шаблон {{примечания}}.

Другие названия: {{кол}}, {{div col}}, {{colbegin}}

Параметры

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

{{колонки}}
* элемент списка 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

Несколько колонок в настоящее время поддерживаются только в Gecko- и WebKit-браузерах (Firefox, Google Chrome, Safari), однако эта опция включена в CSS3, а следовательно, будет поддерживаться в будущем и другими браузерами[1][2].

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

{{колонки|13em}}
* элемент списка 1
* элемент списка 2
* элемент списка 3
* элемент списка 4
* элемент списка 5
* элемент списка 6
* элемент списка 7
* элемент списка 8
* элемент списка 9
{{колонки/конец}}
  • элемент списка 1
  • элемент списка 2
  • элемент списка 3
  • элемент списка 4
  • элемент списка 5
  • элемент списка 6
  • элемент списка 7
  • элемент списка 8
  • элемент списка 9

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

{{колонки|мал=да}}
* элемент списка 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
{{колонки|3em|мал=да}}
* 1
* 2
* 3
* 4
* 5
* 6
* 7
* 8
{{колонки/конец}}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

Также в шаблоне можно ограничивать количество колонок и их ширину — в параметре maxcount можно указать максимальное количество колонок, в параметре minwidth — минимальную их ширину.

Примечания

  1. CSS Multi-column Layout Module (англ.). Дата обращения: 4 мая 2010.
  2. CSS3 Columns — Mozilla Developer Center (англ.). Дата обращения: 4 мая 2010.