Перейти до вмісту

Шаблон:Flatlist

Матеріал з Вікіпедії — вільної енциклопедії.
{{i}} Документація шаблону[перегляд] [редагувати] [історія] [очистити кеш]

Використання

{{flatlist}} починає горизонтальний список:

Цей шаблон можна використовувати з або без {{endflatlist}}. У навігаційних шаблонах, написаних з допомогою {{navbox}}, можна просто задати |listclass=hlist, й отримати той самий стиль без використання шаблону {{flatlist}} узагалі. У підписах зображень краще використовувати {{hlist}}.

Необов'язкові параметри

  • |class=
  • |style=
    Приклад: |style=border:solid 1px silver; background:lightyellow
  • |indent=
    Приклад: |indent=2

Приклади

{{flatlist|
* [[кіт]]
* [[пес]]
* [[кінь]]
* [[корова]]
* [[вівця]]
* [[свиня]]
}}

дає:

Альтернативний синтаксис

{{startflatlist}}
* [[кіт]]
* [[пес]]
* [[кінь]]
* [[корова]]
* [[вівця]]
* [[свиня]]
{{endflatlist}}

дає:

Для нумерованих списків

{{flatlist|
# [[один]]
# [[два]]
# [[три]]
# [[чотири]]
# [[п'ять]]
# [[шість]]
}}

дає:

З додатковими параметрами

{{flatlist |indent=2 
|style=border:solid 1px silver; background:lightyellow; 
|class=nowraplinks |
* [[Гірськолижний спорт на зимових Олімпійських іграх 1984]]
* [[Гірськолижний спорт на зимових Олімпійських іграх 1988]]
* [[Гірськолижний спорт на зимових Олімпійських іграх 1992]]
* [[Гірськолижний спорт на зимових Олімпійських іграх 1994]]
* [[Гірськолижний спорт на зимових Олімпійських іграх 1998]]
* [[Гірськолижний спорт на зимових Олімпійських іграх 2002]]
}}

дає:

Технічні деталі

Цей шаблон використовує CSS-клас .hlist, визначений у MediaWiki:Common.css, для створення горизонтальних списків. Він змушує елементи звичайного html-списку показуватися inline (горизонтально), хоча за нормальних умов це блокові елементи (вертикальні). Клас також генерує інтерпункти між елементами списку і дужки навколо вкладених списків. Деякі елементи використаного CSS несумісні з певними старими браузерами, зокрема Internet Explorer 6 and 7.

Вікітекст HTML
{{flatlist|
* кіт
* пес
* кінь
* корова
* вівця
* свиня
}}
<div class="hlist">
<ul><li>кіт</li>
<li>пес</li>
<li>кінь</li>
<li>корова</li>
<li>вівця</li>
<li>свиня</li></ul>
</div>

Див. також