Googleツールバーのボタンのアイコンを変更する
- top > アイディア・知恵 > Googleツールバー
- by むっちゃん(管理者
- 2008/03/17 月 09:27
Googleツールバーには、アイコンが付いていると思います。
アイコンボタンの画像を変更しました。
今回は、Gmailのアイコンを別の画像に変更する例で紹介します。
アイコンを変更したいボタンをGoogleツールバーのアドオンのエディタを見るで紹介している方法でエディタ画面を開きます。
Gmail用のカスタムボタンのXMLファイルを編集する画面を開きました。エディタの中に
<icon type="image/x-icon" mode="base64">
○○○わけのわからん暗号がずらりとならぶ○○○
</icon>
にある訳のわからん暗号を変更するのです。こちらはアイコンが暗号化されたものです。こちらを変更してみましょう。
Base64 Online - base64 decode and encodeのサイトで画像を暗号化しました。
筆者の場合は、pngの画像を暗号化してもうまく反映されなかったのでjpgファイルで変換しました。

左の枠内で変換したいjpgファイルを選択し、右に囲んでいるボタンをクリックします。

ご覧のように画像が暗号化された記号が表示されます。
コピーして、エディタ内の
<icon type="image/x-icon" mode="base64">
○○○わけのわからん暗号がずらりとならぶ○○○
</icon>
の中と差し替えれて保存します。

アイコンの変更前です

アイコンの変更後です。
アイコンボタンの画像を変更しました。
今回は、Gmailのアイコンを別の画像に変更する例で紹介します。
アイコンを変更したいボタンをGoogleツールバーのアドオンのエディタを見るで紹介している方法でエディタ画面を開きます。
Gmail用のカスタムボタンのXMLファイルを編集する画面を開きました。エディタの中に
<icon type="image/x-icon" mode="base64">
○○○わけのわからん暗号がずらりとならぶ○○○
</icon>
にある訳のわからん暗号を変更するのです。こちらはアイコンが暗号化されたものです。こちらを変更してみましょう。
Base64 Online - base64 decode and encodeのサイトで画像を暗号化しました。
筆者の場合は、pngの画像を暗号化してもうまく反映されなかったのでjpgファイルで変換しました。

左の枠内で変換したいjpgファイルを選択し、右に囲んでいるボタンをクリックします。

ご覧のように画像が暗号化された記号が表示されます。
コピーして、エディタ内の
<icon type="image/x-icon" mode="base64">
○○○わけのわからん暗号がずらりとならぶ○○○
</icon>
の中と差し替えれて保存します。

アイコンの変更前です

アイコンの変更後です。




