Template:Icon link inline/doc: Difference between revisions

From Unofficial Homecoming Wiki
Jump to navigation Jump to search
(Created page with "{{Documentation subpage}} Displays an inline icon and text link. The icon and text are combined as a single tap target. ==Example== <pre> {{icon link inline | icon = IO Accur...")
 
(→‎Examples: add two icons example)
 
(9 intermediate revisions by the same user not shown)
Line 2: Line 2:
Displays an inline icon and text link. The icon and text are combined as a single tap target.
Displays an inline icon and text link. The icon and text are combined as a single tap target.


==Example==
==Parameters==
; icon
: Required. Filename of icon to display.
; icon2
: Optional. Filename of second icon to display. Default: No second icon displayed.
; size
: Optional. Width of each icon, in pixels. Avoid icon heights larger than the text's line height, usually 22px. Default: 22.
; width
: Optional. Width of space that icon(s) will be centered in. Used for aligning icons of different widths. Default: Same as size parameter, or double size parameter if icon2 is given.
; link
: Required. Page to link to.
; text
: Optional. Text to display. Default: Same as link parameter.
 
==Examples==
=== Basic use ===
<pre>
<pre>
{{icon link inline
{{icon link inline
Line 16: Line 31:
| text = Accurate Defense Debuff
| text = Accurate Defense Debuff
}}
}}
=== Two icons, one link ===
<pre>
{{icon link inline
| icon  = Badge event spectral.png
| icon2 = Badge event corsair.png
| link  = Clothes Horse Badge
| text  = Clothes Horse
}}
</pre>
{{icon link inline
| icon  = Badge event spectral.png
| icon2 = Badge event corsair.png
| link  = Clothes Horse Badge
| text  = Clothes Horse
}}
=== Aligning icons of different widths ===
<pre>
* {{icon link inline
| icon  = Badge DayJob CareGiver.png
| link  = Caregiver Badge
| size  = 20
| width = 31
| text  = Caregiver
}}
* {{icon link inline
| icon  = Badge DayJob Scholar.png
| link  = Professor Badge
| size  = 20
| width = 31
| text  = Professor
}}
* {{icon link inline
| icon  = Badge DayJobAcc Doctor.png
| link  = Physician Badge
| size  = 31
| text  = Physician
}}
</pre>
* {{icon link inline
| icon  = Badge DayJob CareGiver.png
| link  = Caregiver Badge
| size  = 20
| width = 31
| text  = Caregiver
}}
* {{icon link inline
| icon  = Badge DayJob Scholar.png
| link  = Professor Badge
| size  = 20
| width = 31
| text  = Professor
}}
* {{icon link inline
| icon  = Badge DayJobAcc Doctor.png
| link  = Physician Badge
| size  = 31
| text  = Physician
}}
<includeonly><!--
<includeonly><!--
++++ PLEASE ADD CATEGORIES AND INTERWIKIS BELOW THIS LINE, THANK YOU. -->
++++ PLEASE ADD CATEGORIES AND INTERWIKIS BELOW THIS LINE, THANK YOU. -->
[[Category:Link Templates]]
[[Category:Link Templates]]
</includeonly>
</includeonly>

Latest revision as of 01:51, 3 May 2022

This is a documentation subpage for Template:Icon link inline (see that page for the template itself).
It contains usage information, categories and other content that is not part of the original template page.

Displays an inline icon and text link. The icon and text are combined as a single tap target.

Parameters

icon
Required. Filename of icon to display.
icon2
Optional. Filename of second icon to display. Default: No second icon displayed.
size
Optional. Width of each icon, in pixels. Avoid icon heights larger than the text's line height, usually 22px. Default: 22.
width
Optional. Width of space that icon(s) will be centered in. Used for aligning icons of different widths. Default: Same as size parameter, or double size parameter if icon2 is given.
link
Required. Page to link to.
text
Optional. Text to display. Default: Same as link parameter.

Examples

Basic use

{{icon link inline
| icon = IO Accurate Defense Debuff.png
| link = :Category:Sets for improving Accurate Defense Debuff
| text = Accurate Defense Debuff
}}

Accurate Defense Debuff

Two icons, one link

{{icon link inline
| icon  = Badge event spectral.png
| icon2 = Badge event corsair.png
| link  = Clothes Horse Badge
| text  = Clothes Horse
}}

Clothes Horse

Aligning icons of different widths

* {{icon link inline
| icon  = Badge DayJob CareGiver.png
| link  = Caregiver Badge
| size  = 20
| width = 31
| text  = Caregiver
}}
* {{icon link inline
| icon  = Badge DayJob Scholar.png
| link  = Professor Badge
| size  = 20
| width = 31
| text  = Professor
}}
* {{icon link inline
| icon  = Badge DayJobAcc Doctor.png
| link  = Physician Badge
| size  = 31
| text  = Physician
}}