Изворни код странице Шаблон:Flowlist/док

{{документациона подстраница}}
<!-- Категорије иду на дно странице, а међувики везе на Википодатке. -->

===Употреба===
Ако имате овај проблем да се булети и бројеви спискова преклапају са лево ’пливајућом’ сликом или инфокутијом, на пример:
[[Датотека:Example-sr.png|лево|мини|100п|Тестна слика]] Списак животиња:
* [[мачка]]
* [[пас]]
* [[коњ]]
* [[крава]]
* [[овца]]
* [[свиња]]
{{clear}}

онда {{tl|flowlist}} омогућава списковима да се удаље од ових лево ’плутајућих’ објеката. Ефективно се постиже да се спискови понашају као елементи нивоа блока. Постоји како год неколико [[#Нежељени ефекти|нежељених ефеката]] о којима би требало водити рачуна.
[[Датотека:Example-sr.png|лево|мини|100п|Тестна слика]] Списак животиња:
{{flowlist}}
* [[мачка]]
* [[пас]]
* [[коњ]]
* [[крава]]
* [[овца]]
* [[свиња]]
{{endflowlist}}
{{clear}}
Овај шаблон може да се користи са или без {{tl|endflowlist}}.

===Примери===
<pre><nowiki>
[[Датотека:Example-sr.png|лево|мини|100п|Тестна слика]] Списак животиња:
{{flowlist |
* [[мачка]]
* [[пас]]
* [[коњ]]
* [[крава]]
* [[овца]]
* [[свиња]]
}}
</nowiki></pre>

[[Датотека:Example-sr.png|лево|мини|100п|Тестна слика]] Списак животиња:
{{flowlist |
* [[мачка]]
* [[пас]]
* [[коњ]]
* [[крава]]
* [[овца]]
* [[свиња]]
}}
{{clear}}

;Алтернативна синтакса:
<pre><nowiki>
[[Датотека:Example-sr.png|лево|мини|100п|Тестна слика]] Списак животиња:
{{flowlist}}
* [[мачка]]
* [[пас]]
* [[коњ]]
* [[крава]]
* [[овца]]
* [[свиња]]
{{endflowlist}}
</nowiki></pre>

[[Датотека:Example-sr.png|лево|мини|100п|Тестна слика]] Списак животиња:
{{flowlist}}
* [[мачка]]
* [[пас]]
* [[коњ]]
* [[крава]]
* [[овца]]
* [[свиња]]
{{endflowlist}}
{{clear}}

===Параметри===
* '''class''' — додаје CSS класу у садржани div
* '''style''' — додаје CSS стилске опције; комплексни стилови не би требало да се користе у чланцима (према [[:en:WP:Deviations]]) али могу да буду прихватљиви на корисничким страницама, страницама пројекта и страницама за разговор
::Пример: {{para|<var>style</var>|<var>border:solid 1px silver; background:lightyellow</var>}}

===Нежељени ефекти===
Употреба ове технике има нежељени ефект. Ако је Ваш списак дужи од ’пливајућег’ елемента, тада списак неће ’пливати’ око слике као што је то уобичајено, већ ће уместо тога да буде један блок, остављајући празан простор испод ’пливајућег’ елемента. Ово важи и за леву и за десну страну списка.
<div style="width:30em; display:inline-block; vertical-align:top; border: 1px dotted; padding: 1em; margin-right:2em; ">
====Ово...====
[[Датотека:Example-sr.png|лево|мини|20п|Тестна слика]][[Датотека:Example-sr.png|десно|мини|20п|Тестна слика]] Списак животиња:
* [[мачка]] у веома дугој реченици која би требало да се судари са сликом десно
* [[пас]] у веома дугој реченици која би требало да се судари са сликом десно
</div><div style="width:30em; display:inline-block; vertical-align:top; border: 1px dotted; padding: 1em;">
====... постаје ово====
[[Датотека:Example-sr.png|лево|мини|20п|Тестна слика]][[Датотека:Example-sr.png|десно|мини|20п|Тестна слика]] Списак животиња:
{{flowlist}}
* [[мачка]] у веома дугој реченици која би требало да се судари са сликом десно
* [[пас]] у веома дугој реченици која би требало да се судари са сликом десно
{{endflowlist}}
</div>
{{clear}}
===Види још===
* {{tl|endflowlist}}
* {{tl|flatlist}}
* {{tl|plainlist}}

<includeonly>{{#ifeq:{{SUBPAGENAME}}|sandbox||
<!-- Категорије иду овде, а међувики везе на Википодатке: -->
[[Category:Wikipedia formatting and function templates|Flowlist]]

}}</includeonly>