2013年5月22日水曜日

keys.css でキートップ風の表示

キー入力を示すときに便利な keys.css を使ってみました。

リンク先からダウンロードした keys.css を Dropbox の Public フォルダにコピーして、パブリックリンクを取得しておきます。

blogger の テンプレート → HTMLの編集 で以下のコードを </body> の前に追加します。
 <!-- keys.css -->
 <link href='https://パブリックリンク/keys.css' rel='stylesheet' type='text/css'/>

以下のように記述すれば Ctrl + Alt + DELShift + Space のように表示することが出来ます。
以下のように記述すれば <kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>DEL</kbd> や <kbd>Shift</kbd> + <kbd>Space</kbd> のように表示することが出来ます。
オリジナルは class="Dark" がデフォルトでしたが class="light" がデフォルトになるように修正しました。

0 件のコメント: