Template:Li: Difference between revisions

Revision as of 08:03, 19 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.

Syntax: {{li|Item}} or {{li|Item|x=something}}

[Item] must exactly be the name of an existing page. It becomes a link.
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.)
You can add extra text after the list by adding the parameter x=[...].
You can override the size of an icon by adding the parameter s=[...]. (In pixels, must not be over 32.)

Example:
{{li|Spiru}}
{{li|Yorchug|x=2}}
{{li|Arachnoptopus}}
{{li|Scorpiant}}
{{li|Pliaa|x=5}}
{{li|Streeg|x=2 stuck in inaccessible wall areas}}

Will produce:

@@ Line 1: / Line 1: @@
-<onlyinclude><includeonly>* <span style="display:inline-block; height:32px; width:32px; text-align:center;">[[File:{{{1}}}.png|32x32px]]</span> [[{{{1}}}]] {{#if: {{{x|}}}|({{{x}}})|}}</includeonly></onlyinclude>
+<onlyinclude><includeonly>* <span style="display:inline-block; height:32px; width:32px; text-align:center;">[[File:{{{1}}}.png|{{{s|32}}}x{{{s|32}}}px]]</span> [[{{{1}}}]] {{#if: {{{x|}}}|({{{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.
@@ Line 8: / Line 8: @@
 *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.)
 *You can add extra text after the list by adding the parameter x=[...].
+*You can override the size of an icon by adding the parameter s=[...]. <small>(In pixels, must not be over 32.)</small>
 Example:<br><span style="color:#990099;">