Template:KeyLarge: Difference between revisions
m (Iritscen moved page Template:KeyboardButton to Template:KeyLarge without leaving a redirect: consistency with KeySmall) |
m (updated doc template calls for new name) |
||
| Line 29: | Line 29: | ||
==Sample usage== | ==Sample usage== | ||
<tt><nowiki>{{ | <tt><nowiki>{{KeyLarge|top_char=§|bot_char=½}}</nowiki></tt><br> | ||
yields:<br> | yields:<br> | ||
{{ | {{KeyLarge|top_char=§|bot_char=½}} | ||
<tt><nowiki>{{ | <tt><nowiki>{{KeyLarge|top_char=~|top_scale=117|bot_char=`|bot_scale=133}}</nowiki></tt><br> | ||
yields:<br> | yields:<br> | ||
{{ | {{KeyLarge|top_char=~|top_scale=117|bot_char=`|bot_scale=133}} | ||
vs. how it would look without the special scaling for each character:<br> | vs. how it would look without the special scaling for each character:<br> | ||
{{ | {{KeyLarge|top_char=~|bot_char=`}} | ||
The same button at 50% scale:<br> | The same button at 50% scale:<br> | ||
<tt><nowiki>{{ | <tt><nowiki>{{KeyLarge|scale=50|top_char=~|top_scale=117|bot_char=`|bot_scale=133}}</nowiki></tt><br> | ||
yields:<br> | yields:<br> | ||
{{ | {{KeyLarge|scale=50|top_char=~|top_scale=117|bot_char=`|bot_scale=133}} | ||
[[Category:Basic formatting templates]]</noinclude> | [[Category:Basic formatting templates]]</noinclude> | ||
Latest revision as of 22:43, 2 May 2025
Call this template when you want to draw an image of a large keyboard button, as seen at Developer Mode § Using the console. Currently only designed to display buttons with two symbols on them. For a small button that can be printed inline with text, see Template:KeySmall.
Parameters
- top_char, bot_char: The top and bottom characters which should appear on the button.
- scale: A percentage, default value of 100. At 100, the button will be 95x95 px.
- top_scale, bot_scale: The font size of the top and bottom characters, as a scaling factor for the default font size of 150%. The font size will automatically scale with the use of scale, but you will find that certain characters need to have their scaling fine-tuned to look good on the button. These parameters will add a further multiplier to the scale multiplier, e.g. setting bot_scale to 133 on a 50%-scale button will raise the font size from 75% (150 * 0.5) to 100% (150 * 0.5 * 1.33).
Sample usage
{{KeyLarge|top_char=§|bot_char=½}}
yields:
{{KeyLarge|top_char=~|top_scale=117|bot_char=`|bot_scale=133}}
yields:
vs. how it would look without the special scaling for each character:
The same button at 50% scale:
{{KeyLarge|scale=50|top_char=~|top_scale=117|bot_char=`|bot_scale=133}}
yields: