Template:InlineKey: Difference between revisions
From Step Mods | Change The Game
No edit summary |
No edit summary |
||
| Line 10: | Line 10: | ||
| capsLock = <span style="padding: .0em 1.2em .1em .4em;">🔒</span> | | capsLock = <span style="padding: .0em 1.2em .1em .4em;">🔒</span> | ||
| tab = <span style="padding: .0em 1.2em .1em .5em;">↹</span> | | tab = <span style="padding: .0em 1.2em .1em .5em;">↹</span> | ||
| #default = <span style="padding: . | | #default = <span style="padding: .1em {{{paddingRight|.2em}}} .1em {{{paddingLeft|.2em}}};">'''{{{1}}}'''</span> | ||
}} | }} | ||
</span></includeonly><noinclude>__NOTOC__ | </span></includeonly><noinclude>__NOTOC__ | ||
| Line 27: | Line 27: | ||
:*Caps Lock : capsLock | :*Caps Lock : capsLock | ||
:*Tabulation : tab | :*Tabulation : tab | ||
*(optional) ''paddingRight'' parameter define the space between the content of the key and the | *(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 | *(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) | ||
This template is used to create an inline keyboard button, for coolness, swagginess, and awesomeness of "press this key to do this" instructions. | This template is used to create an inline keyboard button, for coolness, swagginess, and awesomeness of "press this key to do this" instructions. | ||
{{Bug Small|text=padding for left and bottom doesn't seem to work properly for now, preventing for "perfectly" shaped key}} | |||
== Examples == | == Examples == | ||
Revision as of 20:22, June 20, 2015
Purpose & Usage
- 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)
This template is used to create an inline keyboard button, for coolness, swagginess, and awesomeness of "press this key to do this" instructions.
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 ;)
