Template:InlineKey: Difference between revisions

From Step Mods | Change The Game
No edit summary
mNo edit summary
 
Line 12: Line 12:
| #default = <span style="padding:0 {{{paddingRight|.1em}}} .1em {{{paddingLeft|.4em}}};">'''{{{1}}}'''</span>
| #default = <span style="padding:0 {{{paddingRight|.1em}}} .1em {{{paddingLeft|.4em}}};">'''{{{1}}}'''</span>
}}
}}
</span>&nbsp;</includeonly><noinclude>__NOTOC__ [[Category:Graphics Templates]]
</span>&nbsp;</includeonly><noinclude>__NOTOC__ [[Category:Deprecated Templates]]


{{delete|reason=This was never picked up and used. We have the <nowiki><kbd></nowiki> tag can we can style, which could do the same thing.<br>[[File:TechAngel85Avatar.png|22px|alt=TechAngel Avatar|class=rounded-circle]] [[User:TechAngel85|TechAngel85]]}}
{{delete|reason=This was never picked up and used. We have the <nowiki><kbd></nowiki> tag can we can style, which could do the same thing.<br>[[File:TechAngel85Avatar.png|22px|alt=TechAngel Avatar|class=rounded-circle]] [[User:TechAngel85|TechAngel85]]}}

Latest revision as of 19:33, September 16, 2021


Icon delete.png This page is a candidate for deletion!
Reason:
"This was never picked up and used. We have the <kbd> tag can we can style, which could do the same thing.
TechAngel Avatar TechAngel85"
If you disagree with the deletion of this page, please explain why on the discussion page.

Purpose & Usage

This template is used to create an inline keyboard button, for coolness, swagginess, and awesomeness of "press this key to do this" instructions.

  • parameter 1 is the content of the key. It works with characters / strings / html code and a set of predefined buttons.

Available predefined keys :

  • Left arrow : arrowLeft
  • Right arrow : arrowRight
  • Up arrow : arrowUp
  • Down arrow : arrowDown
  • Enter : enter
  • Backspace : backspace
  • Shift : shift
  • Caps Lock : capsLock
  • Tabulation : tab
  • (optional) paddingRight parameter define the space between the content of the key and the end of the visual. (don't work for pre-defined keys)
  • (optional) paddingLeft parameter define the space between the content of the key and the beginning of the visual. (don't work for pre-defined keys)
Info-Logo.png
NOTE:
To behave 100% nicely, a blank space is required before the template

Examples

Code:

People with {{InlineKey|A}} {{InlineKey|Z}} {{InlineKey|E}} {{InlineKey|R}} {{InlineKey|T}} {{InlineKey|Y}} keyboards are nice.

Result: People with A   Z   E   R   T   Y   keyboards are nice.

Code:

List of all available predefined key : {{InlineKey|arrowLeft}} ; {{InlineKey|arrowRight}} ; {{InlineKey|arrowUp}} ; {{InlineKey|arrowDown}} ; {{InlineKey|enter}} ; {{InlineKey|backspace}} ; {{InlineKey|shift}} ; {{InlineKey|capsLock}} ; {{InlineKey|tab}}

Result: List of all available predefined key :   ;   ;   ;   ; Enter ↲   ; ←─   ;   ; 🔒   ;  

Code:

Pressing {{InlineKey|Alt|paddingRight=1.2em}}+ {{InlineKey|F4}} will close your browser, don't do it if you still need to read this ;)

Result: Pressing Alt  + F4   will close your browser, don't do it if you still need to read this ;)

Related Templates

None