Help talk:Wiki-FAQ
From Unofficial TransGaming Wiki
CSS Button style
I think this might be useful to indicate keyboard shortcuts or key pressings more clearly by styling them with some extra CSS instead of only using <kbd></kbd> tags. I put the code in the main css file as .key and it's already usable. However, i'd like a yay or a nay on this before I go through pages and add it. If accepted, I will probably put a reference to it in the Adding a game page and on this article as an FAQ question.
So whenever you are writing a wiki article and come across something that needs to indicate a keypress (not commands) use
<kbd class="key">Ctrl</kbd> + <kbd class="key">S</kbd>
and it will be styled like this;
Ctrl + S
The CSS I used for this;
.key{
background:#EFEFEF;
color:#000000;
padding: 0em 0.2em;
border-top: 2px solid #CFCFCF;
border-bottom: 4px solid #909090;
border-left: 2px solid #BABABA;
border-right: 3px solid #AAAAAA;
}
Good idea? Yes/No/Don't care?
Omega 16:56, 29 Dec 2004 (CET)
The <kbd> ... </kbd> notation is already awkward to type and makes the source harder to read. Your solution makes it even hard, as well as nec. to change all the pages. I would suggest instead of changing the CSS code for "kbd".
Btw, the borders you added do not show up on my screen. No idea why.. Tels 18:07, 29 Dec 2004 (CET)
This is a long test tewxt with a bunch of keys thrown in to see how the STRG + ANY KEY keys do look in a normal paragraph of text with some long lines and automatic linewrapping from the browser and ALTernating paradigm SHIFTs from the user and all the stuff and anyway. Maybe I should use so long sentences, but on the other page I used a short one, and it was way too short to work. And more more CTRL ESC ALT ENTER Tels 20:59, 29 Dec 2004 (CET)

