Template:Li: Difference between revisions

Revision as of 07:01, 7 October 2022

Like in HTML, "li" stands for "list item".
This template is to improve display of lists, adding icons to the left of entries.
(For notes, use Template:note instead.)

Base syntax: {{li|Target}}
Full syntax: {{li|Target|DifferentLabel|g=GameNumber|x=ExtraText|color=Color|type=ListType|indent=#}}

Required parameters:

Target must exactly be the name of an existing page. It becomes a link.
The name of the picture must exactly be Target.png. (As a standard, the main picture on a page should always be renamed to "{{PAGENAME}}.png". In case of error, please check if it's the case.)

Optional parameters:

Like with regular links, you can replace its label (text) by adding a pipe | and replacement text. However, given the purpose of this template, doing so should generally be avoided.
(Note: "Pipe tricks" are not supported and cannot be inside templates.)
You can add extra text after the list by adding the parameter x=[...].
Rarely, multiple games share an item with the same name (and use a single page for it, like Health Node). Depending on the context, the icon should change and the link should target a subsection of that page. If you add the parameter g=#, it will do two things: First, it will append _(AV#) before the .png. Second, the link will target the "Axiom verge #" subsection. For instance, {{li|Breach Attractor|g=2}} will use File:Breach Attractor_(AV2).png instead of File:Breach Attractor.png AND will produce this link Breach Attractor instead of plain Breach Attractor.
Adding parameter color=[...] changes the background color via Template:Color. (See that page for info.)
You can change the type of the list element with type=[...]. Default is "unordered list" (type=*). type=# makes it an ordered list. (See wikipedia:Help:List for more types.) Types with depths (e.g.: type=##) are supported, but it puts a big margin/separation between each change of depth. Using indents (the next parameter) is usually preferred.
List depth can be changed with indent=#. Default is 0. Use indent=1 for sublevel 1, etc.

Example:
{{li|Spiru}}
{{li|Yorchug|x=2}}
{{li|Arachnoptopus|x=5}}
{{li|Streeg|x=2 stuck in inaccessible wall areas}}
{{li|Breach Attractor}}
{{li|Breach Attractor|g=2}}
{{li|Remote Drone|Headcrab|x=Different label example}}

Will produce:

Spiru
Yorchug (2)
Arachnoptopus (5)
Streeg (2 stuck in inaccessible wall areas)
Breach Attractor
Breach Attractor
Headcrab (Different label example)

@@ Line 1: / Line 1: @@
-<onlyinclude><includeonly>{{{depth|*}}}{{iconlink|filename={{{1}}}{{#if:{{{g|}}}|_(AV{{{g}}})|}}.png|target={{{1}}}{{#if:{{{g|}}}|&#35;Axiom Verge {{{g}}}|}}|label={{{2|{{{1}}}}}}|border={{#switch:{{{1}}}|#default=|Xedur|Telal|Uruku|Gir-Tab|Vision|Aborted Clone|Ukhu|Sentinel|Xedur Hul|Athetos=1}}|extra={{{x|}}}|color={{{color|}}}}}</includeonly></onlyinclude>
+<onlyinclude><includeonly>{{{type|*}}}{{#tag:li|{{iconlink|filename={{{1}}}{{#if:{{{g|}}}|_(AV{{{g}}})|}}.png|target={{{1}}}{{#if:{{{g|}}}|&#35;Axiom Verge {{{g}}}|}}|label={{{2|{{{1}}}}}}|border={{#switch:{{{1}}}|#default=|Xedur|Telal|Uruku|Gir-Tab|Vision|Aborted Clone|Ukhu|Sentinel|Xedur Hul|Athetos=1}}|extra={{{x|}}}|color={{{color|}}}}}|style=margin-left:{{#expr:{{{indent|0}}}*40}}px;}}</includeonly></onlyinclude>
 ''Like in HTML, "li" stands for "list item".''<br>
 This template is to improve display of lists, adding icons to the left of entries.<br>
@@ Line 5: / Line 5: @@
 '''Base syntax:''' <span style="color:#990099;"><nowiki>{{li|Target}}</nowiki></span><br>
-'''Full syntax:''' <span style="color:#990099;"><nowiki>{{li|Target|DifferentLabel|g=GameNumber|x=ExtraText|color=Color|depth=ListMarkup}}</nowiki></span>
+'''Full syntax:''' <span style="color:#990099;"><nowiki>{{li|Target|DifferentLabel|g=GameNumber|x=ExtraText|color=Color|type=ListType|indent=#}}</nowiki></span>
 <p style="margin-bottom:0;">'''Required parameters:'''</p>
-*[Target] must exactly be the name of an existing page. It becomes a link.
+*{{color|txt=purple|<nowiki>Target</nowiki>}} must exactly be the name of an existing page. It becomes a link.
-*The name of the picture must exactly be [Target].png. (As a standard, the main picture on a page should always be renamed to "{PAGENAME}.png". In case of error, please check if it's the case.)
+*The name of the picture must exactly be {{color|txt=purple|<nowiki>Target</nowiki>}}.png. (As a standard, the main picture on a page should always be renamed to "{{color|txt=firebrick|<nowiki>{{PAGENAME}}</nowiki>}}.png". In case of error, please check if it's the case.)
 <p style="margin-bottom:0;">'''Optional parameters:'''</p>
 *Like with regular links, you can replace its label (text) by adding a pipe | and replacement text. However, given the purpose of this template, doing so should generally be avoided.<br><small>(Note: "[[wikipedia:Help:Link#Automatic_conversion_of_wikitext_with_the_pipe_trick|Pipe tricks]]" are not supported and cannot be inside templates.)</small>
-*You can add extra text after the list by adding the parameter x=[...].
+*You can add extra text after the list by adding the parameter {{color|txt=purple|<nowiki>x=[...]</nowiki>}}.
-*<small>Rarely, multiple games share an item with the '''same name''' (and use a single page for it, like [[Health Node]]). Depending on the context, the icon should change and the link should target a subsection of that page. If you add the parameter g=#, it will do two things: First, it will append _(AV#) before the .png. Second, the link will target the "Axiom verge #" subsection. For instance, <span style="color:#990099;"><nowiki>{{li|Breach Attractor|g=2}}</nowiki></span> will use [[:File:Breach Attractor_(AV2).png]] instead of [[:File:Breach Attractor.png]] AND will produce this link [[Breach Attractor#Axiom Verge 2|Breach Attractor]] instead of plain [[Breach Attractor]].</small>
+*<small>Rarely, multiple games share an item with the '''same name''' (and use a single page for it, like [[Health Node]]). Depending on the context, the icon should change and the link should target a subsection of that page. If you add the parameter g=#, it will do two things: First, it will append _(AV#) before the .png. Second, the link will target the "Axiom verge #" subsection. For instance, {{color|txt=purple|<nowiki>{{li|Breach Attractor|g=2}}</nowiki>}} will use [[:File:Breach Attractor_(AV2).png]] instead of [[:File:Breach Attractor.png]] AND will produce this link [[Breach Attractor#Axiom Verge 2|Breach Attractor]] instead of plain [[Breach Attractor]].</small>
-*Adding parameter color=[...] adds the functionality of [[Template:Color]]. (See that page for info.)
+*Adding parameter {{color|txt=purple|<nowiki>color=[...]</nowiki>}} changes the background color via [[Template:Color]]. (See that page for info.)
-*You can change the depth/styling of the list element with depth=[...]. Default is depth 1 in an unordered list (depth=*). depth=** makes it depth 2. depth=*** for depth 3, etc. You can make ordered lists with depth=#, etc. (See [[wikipedia:Help:List]] for more.)
+*You can change the type of the list element with {{color|txt=purple|<nowiki>type=[...]</nowiki>}}. Default is "unordered list" ({{color|txt=purple|<nowiki>type=*</nowiki>}}). {{color|txt=purple|<nowiki>type=#</nowiki>}} makes it an ordered list. (See [[wikipedia:Help:List]] for more types.) <small>Types with depths (e.g.: {{color|txt=purple|<nowiki>type=##</nowiki>}}) are supported, but it puts a big margin/separation between each change of depth. Using indents (the next parameter) is usually preferred.</small>
+*List depth can be changed with {{color|txt=purple|<nowiki>indent=#</nowiki>}}. Default is 0. Use {{color|txt=purple|<nowiki>indent=1</nowiki>}} for sublevel 1, etc.
 '''Example:'''<br><span style="color:#990099;">