Template:KeyLarge

Revision as of 23:45, 26 April 2025 by Iritscen (talk | contribs) (Created page with "<includeonly><div style=" width:{{#expr:95*({{{scale|100}}}/100)}}px; height:{{#expr:95*({{{scale|100}}}/100)}}px; text-align:center; border:solid; border-color:#898989 #dddddd #dddddd #898989; border-width:{{#expr:5.0*({{{scale|100}}}/100)}}px {{#expr:5.0*({{{scale|100}}}/100)}}px {{#expr:3.0*({{{scale|100}}}/100)}}px {{#expr:3.0*({{{scale|100}}}/100)}}px; border-radius:{{#expr:1.0*({{{scale|100}}}/100)}}em; box-shadow:inset 0rem -0.8rem 2rem #dadada,...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Call this template when you want to draw an image of a keyboard button.

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 produce a 100% font size: 150 * 0.5 * 1.33 = ~100.

Sample usage

{{KeyboardButton|top_char=§|bot_char=½}}
yields:
Template:KeyboardButton


{{KeyboardButton|top_char=~|top_scale=117|bot_char=`|bot_scale=133}}
yields:
Template:KeyboardButton


With scale=50 added:
{{KeyboardButton|scale=50|top_char=~|top_scale=117|bot_char=`|bot_scale=133}}
yields:
Template:KeyboardButton