Template:CenterAlignIcon/doc: Difference between revisions
Jump to navigation
Jump to search
imported>Sekoia (historical) (Created page with "{{Documentation subpage}} <!-- PLEASE ADD CATEGORIES AND INTERWIKIS AT THE BOTTOM OF THIS PAGE. --> ==Usage== This template will allow a column of icons to be aligned such that ...") |
imported>Sekoia (historical) No edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| Line 3: | Line 3: | ||
==Usage== | ==Usage== | ||
This template will allow a column of icons to be aligned such that their icons are all in a vertical column, irrespective of whatever text is to their right. | This template will allow a column of icons to be aligned such that their icons are all in a vertical column, irrespective of whatever text is to their right. In order for them to center align, they must be in a context that is centered. | ||
Permissible option: | Permissible option: | ||
| Line 15: | Line 15: | ||
; hover= | ; hover= | ||
: The text do display if the mouse is hovered over the image. Default is <nowiki>{{{image}}}</nowiki>. | : The text do display if the mouse is hovered over the image. Default is <nowiki>{{{image}}}</nowiki>. | ||
==Examples== | |||
{| class="wikitable" style="text-align:center;" | |||
! Template Call !! width=150px | Result | |||
|- | |||
| <nowiki>{{CenterAlignIcon|width=24|text=33%|image=File:TO Training Endurance Cost.png|hover=Endurance Cost}}</nowiki> | |||
| {{CenterAlignIcon|width=24|text=33%|image=File:TO Training Endurance Cost.png|hover=Endurance Cost}} | |||
|- | |||
| <nowiki>{{CenterAlignIcon|width=24|text=16.5%|image=File:TO Training Fear Duration.png|hover=Fear Duration}}</nowiki> | |||
| {{CenterAlignIcon|width=24|text=16.5%|image=File:TO Training Fear Duration.png|hover=Fear Duration}} | |||
|} | |||
==Caveat== | |||
This is '''only''' intended to be used as illustrated above. If you use it in other contexts, you will likely get overlapping text/icons. For example, this usage: | |||
<pre>{{CenterAlignIcon|width=24|text=33%|image=File:TO Training Endurance Cost.png|hover=Endurance Cost}}{{CenterAlignIcon|width=24|text=16.5%|image=File:TO Training Fear Duration.png|hover=Fear Duration}}</pre> | |||
Results in this: | |||
{{CenterAlignIcon|width=24|text=33%|image=File:TO Training Endurance Cost.png|hover=Endurance Cost}}{{CenterAlignIcon|width=24|text=16.5%|image=File:TO Training Fear Duration.png|hover=Fear Duration}} | |||
<includeonly><!-- | <includeonly><!-- | ||
++++ PLEASE ADD CATEGORIES AND INTERWIKIS BELOW THIS LINE, THANK YOU. --> | ++++ PLEASE ADD CATEGORIES AND INTERWIKIS BELOW THIS LINE, THANK YOU. --> | ||
</includeonly> | </includeonly> | ||
Latest revision as of 04:10, 15 November 2010
Usage
This template will allow a column of icons to be aligned such that their icons are all in a vertical column, irrespective of whatever text is to their right. In order for them to center align, they must be in a context that is centered.
Permissible option:
- width=
- The width of the image to use, in pixels. Required.
- text=
- The text to show at the right. Required.
- image=
- The image to show. Required.
- hover=
- The text do display if the mouse is hovered over the image. Default is {{{image}}}.
Examples
| Template Call | Result |
|---|---|
| {{CenterAlignIcon|width=24|text=33%|image=File:TO Training Endurance Cost.png|hover=Endurance Cost}} | 33%
|
| {{CenterAlignIcon|width=24|text=16.5%|image=File:TO Training Fear Duration.png|hover=Fear Duration}} | 16.5%
|
Caveat
This is only intended to be used as illustrated above. If you use it in other contexts, you will likely get overlapping text/icons. For example, this usage:
{{CenterAlignIcon|width=24|text=33%|image=File:TO Training Endurance Cost.png|hover=Endurance Cost}}{{CenterAlignIcon|width=24|text=16.5%|image=File:TO Training Fear Duration.png|hover=Fear Duration}}
Results in this:
33%16.5%