Modul:List/Dokumentace
Vzhled
List může být použit k vytvoření seznamu. Každá položka v seznamu může mít vlastní CSS styl nastavený parametrem.
Odrážky u položek seznamu jsou potlačeny pomocí CSS, vnitřní HTML ale i tak je seznam stále postavený na principu <ul>/<ol> + <li> v seznamu, nikoli tabulkou nebo odřádkováním.
Použití
[editovat zdroj]- Základní použití
{{#invoke:list|typ seznamu|první položka|druhá položka|třetí položka|...}}
- Všechny parametry
{{#invoke:list|typ seznamu |první položka|druhá položka|třetí položka|... |class = třída |style = styl |list_style = styl pro tag ul |item_style = styl pro všechny tagy li' |item1_style = styl pro první tag li'' |item2_style = ''styl pro druhý tag li'' |... }}
Typy seznamu
[editovat zdroj]Typ seznamu | Výstup | Příklad výstupu | Šablona používající typ seznamu |
---|---|---|---|
bulleted
|
Odrážkový seznam |
|
|
unbulleted
|
Seznam bez odrážek |
|
{{Řseznam}}
|
horizontal
|
Vodorovný odrážkový seznam |
|
{{Vseznam}}
|
ordered
|
Číslovaný nebo abecední seznam |
|
|
horizontal_ordered
|
Vodorovný číslovaný nebo abecední seznam |
|
Parametry
[editovat zdroj]- Poziční parametry (
1
,2
,3
...) – toto jsou položky seznamu. Nejsou-li přítomny, žádné položky seznamu se nezobrazí. |class =
– třída pro tagy <div> obklopující seznam, např.plainlinks
.|style =
– CSS styl pro tagy <div> obklopující seznam, např.font-size: 90%;
.|list_style =
– CSS styl pro tagy <ul> celého seznamu. Formát je stejný jako pro parametr|style =
.|item_style =
– CSS styl pro všechny položky seznamu (tagy <li>). Formát je stejný jako pro parametr|style =
.|item1_style =
,|item2_style =
,|item3_style =
... – CSS styly pro každou položku seznamu. Formát je stejný jako pro parametr|style =
.
Příklad
[editovat zdroj]Kód | Výsledek |
---|---|
{{#invoke:list|unbulleted|položka1|položka2|položka3|položka4|položka5|položka6|položka7|položka8|položka9}}
|
|
{{#invoke:list|unbulleted|Vítěz|Druhé místo|Třetí místo|item_style=color:blue;}}
|
|
{{#invoke:list|unbulleted|Vítěz |Druhé místo |Třetí místo |item1_style=background-color:yellow; |item2_style=background-color:silver; |item3_style=background-color:#fdc;}}
|
|