Teamplaid:Hlist/sandbox
Coltas
| This is the template sandbox page for Teamplaid:Hlist (diff). |
| Uses Lua: |
This template creates horizontal lists. Each item in the list may be individually styled with CSS.
Ùsaid - Usage
[deasaich]Basic usage
[deasaich]{{Hlist|first item|second item|third item|...}}
Paramadairean - Parameters
[deasaich]All parameters
[deasaich]{{Hlist
|first item|second item|third item|...
|class = class for div Tag
|style = style for div Tag
|list_style = style for ul Tag
|item_style = style for all li Tags
|item1_style = style for first li Tag
|item2_style = style for second li Tag
|...
|indent = the number of tabs to indent
}}
- Positional parameters (
1,2,3...): these are the list items. If no list items are present, the module will output nothing. class: a custom class for the<div>...</div>tags surrounding the list. Set toinlinewhen using {{Hlist}} inside text.style: a custom CSS style for the<div>...</div>tags surrounding the list, e.g.font-size: 90%;.list_style: a custom CSS style for the<ul>...</ul>tags around the list. The format is the same as for the|style=parameter.item_style: a custom CSS style for all of the list items (the<li>...</li>tags). The format is the same as for the|style=parameter.item1_style,item2_style,item3_style...: custom CSS styles for each of the list items. The format is the same as for the|style=parameter.indent: the number of tabs to indent the list. Default value is 0.
Eisimpleirean - Examples
[deasaich]| Markup | Renders as |
|---|---|
{{Hlist|entry1|entry2|entry3|entry4|entry5|entry6|entry7|entry8|entry9}}
|
|
Giant planets ({{Hlist|{{enUici|Jupiter|J}}|{{enUici|Saturn|S}}|{{enUici|Uranus|U}}|{{enUici|Neptune|N}}}}).
|
Giant planets (). |
Giant planets ({{Hlist|class=inline|{{enUici|Jupiter|J}}|{{enUici|Saturn|S}}|{{enUici|Uranus|U}}|{{enUici|Neptune|N}}}}).
|
Giant planets (). |
{{Hlist|Winner|Runner-up|Third place|indent=2}}
|
|
{{Hlist|Winner|Runner-up|Third place|item_style=color:blue;}}
|
|
{{Hlist|Winner|Runner-up|Third place|item1_style=background-color:yellow;|item2_style=background-color:silver;}}
|
|
Avoiding Linter errors
[deasaich]{{Hlist}} will produce {{enUici|Wikipedia:Linter|Linter]] errors if placed inside a template that uses <span>...</span> tags, such as {{Small}}, {{Smaller}}, {{Larger}}, etc. To avoid this, use the substitutions from the table below:
| Incorrect markup | Correct markup |
|---|---|
{{Small|{{Hlist|...}}}} |
{{Hlist|...|style=font-size:85%}}
|
{{Smaller|{{Hlist|...}}}} |
{{Hlist|...|style=font-size:90%}}
|
{{Resize|{{Hlist|...}}}} |
{{Hlist|...|style=font-size:90%}}
|
{{Midsize|{{Hlist|...}}}} |
{{Hlist|...|style=font-size:92%}}
|
{{Larger|{{Hlist|...}}}} |
{{Hlist|...|style=font-size:110%}}
|
{{big|{{Hlist|...}}}} |
{{Hlist|...|style=font-size:120%}}
|
{{Large|{{Hlist|...}}}} |
{{Hlist|...|style=font-size:large}}
|
{{Huge|{{Hlist|...}}}} |
{{Hlist|...|style=font-size:180%}}
|
{{Resize|x%|{{Hlist|...}}}} |
{{Hlist|...|style=font-size:x%}}
|
{{Font|size=x%|{{Hlist|...}}}} |
{{Hlist|...|style=font-size:x%}}
|
{{Nowrap|{{Hlist|...}}}} |
{{Hlist|...|style=white-space: nowrap}}
|
Faic cuideachd - Also see
| The above documentation is transcluded from Teamplaid:Hlist/documentation. (edit | history) Editors can experiment in this template's sandbox (edit | diff) and testcases (create) pages. Please add categories to the /documentation subpage. Subpages of this template. |
