Template:Li: Difference between revisions

Revision as of 14:26, 24 September 2022

Like in HTML, "li" stands for "list item".
This template is to improve display of lists, adding icons to the left of entries.

Base syntax: {{li|Target}}
Full syntax: {{li|Target|DifferentLabel|g=GameNumber|x=ExtraText}}

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.

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>* <span style="display:inline-block; height:32px; width:32px; text-align:center;">[[File:{{{1}}}{{#if:{{{g|}}}|_(AV{{{g}}})|}}.png|frameless|link={{{1}}}{{#if:{{{g|}}}|&#35;Axiom Verge {{{g}}}|}}|32x32px]]</span> [[{{{1}}}{{#if:{{{g|}}}|&#35;Axiom Verge {{{g}}}{{!}}{{{1}}}|}}]] {{#if: {{{x|}}}|({{{x}}})|}}</includeonly></onlyinclude>
+<onlyinclude><includeonly>* <span style="display:inline-block; height:32px; width:32px; text-align:center;">[[File:{{{1}}}{{#if:{{{g|}}}|_(AV{{{g}}})|}}.png|frameless|link={{{1}}}{{#if:{{{g|}}}|&#35;Axiom Verge {{{g}}}|}}|32x32px]]</span> [[{{{1}}}{{#if:{{{g|}}}|&#35;Axiom Verge {{{g}}}|}}{{!}}{{{2|{{{1}}} }}}]]{{#if: {{{x|}}}|&#32;({{{x}}})|}}</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.
-Syntax: <span style="color:#990099;"><nowiki>{{li|Item}}</nowiki></span> or <span style="color:#990099;"><nowiki>{{li|Item|x=something}}</nowiki></span>
+'''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}}</nowiki></span>
-*[Item] must exactly be the name of an existing page. It becomes a link.
+<p style="margin-bottom:0;">'''Required parameters:'''</p>
-*The name of the picture must exactly be [Item].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.)
+*[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.)
+<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>(Note: "[[wikipedia:Help:Link#Automatic_conversion_of_wikitext_with_the_pipe_trick|Pipe tricks]]" are not supported and cannot be inside templates.)
 *You can add extra text after the list by adding the parameter x=[...].
 *<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>
-Example:<br><span style="color:#990099;">
+'''Example:'''<br><span style="color:#990099;">
 <nowiki>{{li|Spiru}}</nowiki><br>
 <nowiki>{{li|Yorchug|x=2}}</nowiki><br>
-<nowiki>{{li|Arachnoptopus}}</nowiki><br>
+<nowiki>{{li|Arachnoptopus|x=5}}</nowiki><br>
-<nowiki>{{li|Scorpiant}}</nowiki><br>
+<nowiki>{{li|Streeg|x=2 stuck in inaccessible wall areas}}</nowiki><br>
-<nowiki>{{li|Pliaa|x=5}}</nowiki><br>
+<nowiki>{{li|Breach Attractor}}</nowiki><br>
-<nowiki>{{li|Streeg|x=2 stuck in inaccessible wall areas}}</nowiki></span>
+<nowiki>{{li|Breach Attractor|g=2}}</nowiki><br>
+<nowiki>{{li|Remote Drone|Headcrab|x=Different label example}}</nowiki></span>
-Will produce:
+<p style="margin-bottom:0;">Will produce:</p>
 {{li|Spiru}}
 {{li|Yorchug|x=2}}
-{{li|Arachnoptopus}}
+{{li|Arachnoptopus|x=5}}
-{{li|Scorpiant}}
-{{li|Pliaa|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}}