【Blogger】ブログにMacのキーを表示する辞書を登録してみた

2013年5月31日金曜日

Blogger

t f B! P L
20130531131245.jpg

はじめに

こちらの記事を参考にブログにMacのキーを表示する設定をしてみました。

[Mac] command キーなどのマークをブログなどに表示する方法
⌫ ...



[CSS]ショートカットの表記をApple Keyboard風に美しく実装するスタイルシート | コリス
class="mac-key" ...



記事のまんま、そのまま設定しただけなのですが、これ結構面白いですね。

キー こんな感じの表示ができます。

やり方

記事そのままを、Google辞書に登録して、「コマンド」などを打つと、そのままMacのキーの装飾ででるように設定します。

環境設定を立ち上げます。

Google辞書1

辞書から、ユーザ辞書の編集を行います。

Google辞書2

登録します。

Google辞書3

登録する内容は、以下のようにします。

<span title="command" class="mac-key">&#x2318;</span>キー
<span title="shift" class="mac-key">&#x21E7;</span>キー
<span title="control" class="mac-key">&#x2303;</span>キー
<span title="option" class="mac-key">&#x2325;</span>キー
<span title="delete" class="mac-key">&#x232B;</span>キー
そして、CSSは、


[CSS]ショートカットの表記をApple Keyboard風に美しく実装するスタイルシート | コリス
class="mac-key" ...



の通り、設定します。

すると、「こまんど」と入れると、キーのようになります。

使うかどうかわかりませんし、MacとiPhone限定の表示ですが、面白いですね。
以上です。

過去の記事

ラベル

アプリ (545) iPhone (485) mac (244) 買い物 (89) 番外 (87) ブログ (74) 書評 (68) 写真 (64) Blogger (63) 仕事 (55) webサービス (51) 生活 (50) todo (38) tips (36) rss (33) DVD (24) DraftPad (23) music (19) 外食 (14) 機種変更 (14) メール (13) ニュース (12) お出かけ (11) まとめ (11) アクセス解析 (11) HTML (9) ドラマ (8) vba (7) 絵本 (7) Excel (6) Textwell (6) web (4) libreoffice (3) twitter (3) 勉強 (3) basic (2) 素材 (2)

ブログを検索

QooQ