Template:FP icon/doc: Difference between revisions
Jump to navigation
Jump to search
Mystery Dungeon GP>Pcjbot mNo edit summary |
mNo edit summary |
||
| (4 intermediate revisions by 2 users not shown) | |||
| Line 2: | Line 2: | ||
This template creates a main page icon with a text link underneath. As the page width narrows, a group of these icons will rearrange themselves onto as many lines as necessary. The group can be centered by enclosing the template calls in <code><nowiki><center> ... </center></nowiki></code> tags. | This template creates a main page icon with a text link underneath. As the page width narrows, a group of these icons will rearrange themselves onto as many lines as necessary. The group can be centered by enclosing the template calls in <code><nowiki><center> ... </center></nowiki></code> tags. | ||
== Customization == | ==Customization== | ||
* The vertical alignment can be changed from either top to bottom depending on the nature of the icons. | * The vertical alignment can be changed from either top to bottom depending on the nature of the icons. | ||
* The default size of the icons can be changed, or the size parameter can be set. | * The default size of the icons can be changed, or the size parameter can be set. | ||
* The text links under the icons can be removed. | * The text links under the icons can be removed. | ||
== Example == | ==Example== | ||
<code><nowiki><center></nowiki></code> | <code><nowiki><center></nowiki></code> | ||
:{{tlx|FP icon| | :{{tlx|FP icon|OOjs UI icon information-progressive.svg|Special:Preferences{{!}}Special: Preferences}} — This line demonstrates how longer titles can be made to wrap if they have spaces | ||
:{{tlx|FP icon| | :{{tlx|FP icon|OOjs UI icon information-progressive.svg|nolink=1|Mystery Dungeon Franchise Wiki}} — This line demonstrates how to remove the text link below the icon | ||
:{{tlx|FP icon| | :{{tlx|FP icon|OOjs UI icon information-progressive.svg|https://google.com Google}} — This line demonstrates how to create an external link | ||
:{{tlx|FP icon| | :{{tlx|FP icon|OOjs UI icon information-progressive.svg|Project:Community portal{{(}}!{{)}}Locations}} — This line demonstrates how to change the display text for a given link | ||
:{{tlx|FP icon| | :{{tlx|FP icon|OOjs UI icon information-progressive.svg|Special:Random|size{{=}}100px}} — This image has a size parameter | ||
<code><nowiki></center></nowiki></code> | <code><nowiki></center></nowiki></code> | ||
'''Generates''': | '''Generates''': | ||
<center> | <center> | ||
{{FP icon| | {{FP icon|OOjs UI icon information-progressive.svg|Special:Preferences{{!}}Special: Preferences}} | ||
{{FP icon| | {{FP icon|OOjs UI icon information-progressive.svg|nolink=1|Mystery Dungeon Franchise Wiki}} | ||
{{FP icon| | {{FP icon|OOjs UI icon information-progressive.svg|https://google.com Google}} | ||
{{FP icon| | {{FP icon|OOjs UI icon information-progressive.svg|Project:Community portal{{!}}Locations}} | ||
{{FP icon| | {{FP icon|OOjs UI icon information-progressive.svg|Special:Random|size=100px}} | ||
</center> | </center> | ||
{{doc/end}} | {{doc/end}} | ||
Latest revision as of 21:21, 11 March 2023
This template creates a main page icon with a text link underneath. As the page width narrows, a group of these icons will rearrange themselves onto as many lines as necessary. The group can be centered by enclosing the template calls in <center> ... </center> tags.
Customization
- The vertical alignment can be changed from either top to bottom depending on the nature of the icons.
- The default size of the icons can be changed, or the size parameter can be set.
- The text links under the icons can be removed.
Example
<center>
{{FP icon|OOjs UI icon information-progressive.svg|Special:Preferences|Special: Preferences}}— This line demonstrates how longer titles can be made to wrap if they have spaces{{FP icon|OOjs UI icon information-progressive.svg|Mystery Dungeon Franchise Wiki}}— This line demonstrates how to remove the text link below the icon{{FP icon|OOjs UI icon information-progressive.svg|https://google.com Google}}— This line demonstrates how to create an external link{{FP icon|OOjs UI icon information-progressive.svg|Project:Community portal{{!}}Locations}}— This line demonstrates how to change the display text for a given link{{FP icon|OOjs UI icon information-progressive.svg|Special:Random|size=100px}}— This image has a size parameter
</center>
Generates:
