Edit

Template:Key

This is a template to provide an easy and standard identification for keyboard keys when used in how-to guides. Many of our articles reference the keys inconsistently, such as CTRL-A, Cntrl + A, control and a, Ctrl-a, etc. This will help to keep key references standard and consistent through articles.

EditSteps

  1. Find the identifier you want to use in the "Current Listing" section below.
  2. Add it inside of the {{key}} template, after a pipe "|" symbol.

EditUsage

Typing this: {{key|shift}} Will do this:
Keys_shift.png
(replace "shift" with the desired key to use)

EditCurrent Listing

numbers : 0 through 9 letters : a through z keys whitespace : space, enter (return), tab page navigation : page_up (pg_up), page_down (pg_down), home, end arrows : up, down, left, right edit : insert (ins), delete (del), backspace function keys : f1 thru f12 PC modifiers : control (ctrl), alternate (alt), shift, application (app), windows (win), function (fn) Mac modifiers : command (open_apple), option other modifiers : meta locks : caps_lock, number_lock (num_lock), scroll_lock special keys : escape (esc) print_screen (prt_scr), pause_sys (break) symbols : tilde (~ or squiggly), acute (` or push), exclamation (! or not), at (@), pound (# or sharp or hash or number), dollar ($), percent (%), caret (^ or power), ampersand (& or amp or and), asterisk (* or multiply), open_parenthesis ((), close_parenthesis ()), minus (- or dash), plus (+), underscore (_), equals, open_brace ({), close_brace (}), open_bracket ([), close_bracket (]), pipe (bar), back_slash (\), colon (:), semicolon (;), quote (" or double_quote), single_quote ('), less_than (<), greater_than (>), comma (,), period (. or dot), forward_slash (/ or slash or divide), question_mark (? or question) multimedia : mute, volume_up (vol_up), volume_down (vol_down), play, pause, play_pause, stop, next, previous (prev), fast_forward (skip_ahead), rewind (skip_back) G15 keys : m1, m2, m3, mr, g1 thru g18, light

EditImage Listing

Keys_0.png
Keys_1.png
Keys_2.png
Keys_3.png
Keys_4.png
Keys_5.png
Keys_6.png
Keys_7.png
Keys_8.png
Keys_9.png
Keys_a.png
Keys_b.png
Keys_c.png
Keys_d.png
Keys_e.png
Keys_f.png
Keys_g.png
Keys_h.png
Keys_i.png
Keys_j.png
Keys_k.png
Keys_l.png
Keys_m.png
Keys_n.png
Keys_o.png
Keys_p.png
Keys_q.png
Keys_r.png
Keys_s.png
Keys_t.png
Keys_u.png
Keys_v.png
Keys_w.png
Keys_x.png
Keys_y.png
Keys_z.png
Keys_space.png
Keys_enter.png
Keys_tab.png
Keys_page_up.png
Keys_page_down.png
Keys_home.png
Keys_end.png
Keys_up.png
Keys_down.png
Keys_left.png
Keys_right.png
Keys_insert.png
Keys_delete.png
Keys_backspace.png
Keys_f1.png
Keys_f2.png
Keys_f3.png
Keys_f4.png
Keys_f5.png
Keys_f6.png
Keys_f7.png
Keys_f8.png
Keys_f9.png
Keys_f10.png
Keys_f11.png
Keys_f12.png
Keys_control.png
Keys_alternate.png
Keys_shift.png
Keys_application.png
Keys_windows.png
Keys_function.png
Keys_command.png
Keys_option.png
Keys_meta.png
Keys_caps_lock.png
Keys_num_lock.png
Keys_scroll_lock.png
Keys_escape.png
Keys_print_screen.png
Keys_pause_sys.png
Keys_tilde.png
Keys_acute.png
Keys_exclamation.png
Keys_at.png
Keys_pound.png
Keys_dollar.png
Keys_percent.png
Keys_caret.png
Keys_ampersand.png
Keys_asterisk.png
Keys_open_parenthesis.png
Keys_close_parenthesis.png
Keys_minus.png
Keys_plus.png
Keys_underscore.png
Keys_equals.png
Keys_close_brace.png
Keys_open_bracket.png
Keys_close_bracket.png
Keys_pipe.png
Keys_back_slash.png
Keys_colon.png
Keys_semicolon.png
Keys_quote.png
Keys_single_quote.png
Keys_less_than.png
Keys_greater_than.png
Keys_comma.png
Keys_period.png
Keys_forward_slash.png
Keys_question_mark.png
Keys_mute.png
Keys_volume_up.png
Keys_volume_down.png
Keys_play.png
Keys_pause.png
Keys_play_pause.png
Keys_stop.png
Keys_next.png
Keys_prev.png
Keys_fast_forward.png
Keys_rewind.png
Keys_m1.png
Keys_m2.png
Keys_m3.png
Keys_mr.png
Keys_g1.png
Keys_g2.png
Keys_g3_.png
Keys_g4.png
Keys_g5.png
Keys_g6.png
Keys_g7.png
Keys_g8.png
Keys_g9.png
Keys_g10.png
Keys_g11.png
Keys_g12.png
Keys_g13.png
Keys_g14.png
Keys_g15.png
Keys_g16.png
Keys_g17.png
Keys_g18.png
Keys_light.png

EditCreate Your Own

The original template image is located here in Adobe Photoshop .psd image format with layers (version 7 and above). The text is already formatted, so just highlight it and change to whatever text you need. Make sure you crop the size of the key to roughly match the size of the text.

EditCreating a new button

  1. Download one of the templates linked above.
  2. Open the template in GIMP, Adobe Photoshop, or similar graphics editing application.
  3. Select the text late titled either "Key Name Here" or "Character Here".
  4. Select the text tool.
  5. Click on the text.
  6. Edit the text to represent what you want.
  7. Click on another tool (text tool can't be selected for the next step).
  8. Flatten the image. From Photoshop, open the "Layer" menu, then click on "Flatten image".
  9. Save the image in any format, such as Portable Network Graphics (.png). From Photoshop, open the "File" menu, select "Save as...", then change the file type extension to "PNG".

EditCreating a new size for a button

  1. Select the text layer.
  2. Move the text layer with the move tool until it is within a few pixels of one edge of the button outline.
  3. Select the "Button Outline" layer.
  4. Select approximately 1/4 or 1/3 of the image, starting from the side opposite of where the text is now located. Make sure you select the entire height of the image, and include all pixels on that side.
  5. Change your tool to move the contents of the selection, then move it over to create an outline that looks good with the text.
  6. Select the new size of the button outline. Make sure no visible pixels are outside of this new selection.
  7. Trim the image to the selection.
  8. Flatten all layers.
  9. Save the image as a free format such as Portable Network Graphics (.png) or a JPEG file (.jpg).


Please use the exact key name as opposed to a nickname or other abbreviation for your first entry. For example: use print_screen instead of the actual key's abbreviation of Prt Scr. This will make it easier for others to reference it in articles they edit. If you have time, please create abbreviations and other references to it so that users can reference it either way. Make sure you don't use an existing reference as shown in the "Current Listing" section.

Use underscores to designate spaces; do not run the names together since wikiHow is not consistent with capitalization. Also, avoid using dashes since these are automatically swapped back and forth for spaces, with may lead to confusion.