19,666
edits
Template:KeyLarge: Difference between revisions
m
docs wording
(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,...") |
m (docs wording) |
||
| Line 26: | Line 26: | ||
*'''top_char''', '''bot_char''': The top and bottom characters which should appear on the button. | *'''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. | *'''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 | *'''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 a 100% (150 * 0.5 * 1.33). | ||
==Sample usage== | ==Sample usage== | ||
| Line 37: | Line 37: | ||
yields:<br> | yields:<br> | ||
{{KeyboardButton|top_char=~|top_scale=117|bot_char=`|bot_scale=133}} | {{KeyboardButton|top_char=~|top_scale=117|bot_char=`|bot_scale=133}} | ||
vs. how it would look without the special scaling for each character:<br> | |||
{{KeyboardButton|top_char=~|bot_char=`}} | |||
The same button at 50% scale:<br> | |||
<tt><nowiki>{{KeyboardButton|scale=50|top_char=~|top_scale=117|bot_char=`|bot_scale=133}}</nowiki></tt><br> | <tt><nowiki>{{KeyboardButton|scale=50|top_char=~|top_scale=117|bot_char=`|bot_scale=133}}</nowiki></tt><br> | ||
yields:<br> | yields:<br> | ||