パソコン鳥のブログ

アクセスカウンタ

zoom RSS Firefoxのホーム ボタンをサザエさんの家にする − ツールバーアイコンの変更方法

<<   作成日時 : 2013/06/28 18:58   >>

ブログ気持玉 0 / トラックバック 0 / コメント 0

Firefoxのホーム ボタンをサザエさんの家にする、FirefoxアドオンStylish用のスタイルです。
ホームボタンがサザエさんの家(エンディングで最後に一家が飛び込む家)になります。
画像


#home-button {
    -moz-image-region: rect(0px 18px 18px 0px) !important;
}

#home-button {
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAABy1BMVEULAgUMAAQNAAMTAAoUAwkVBAoVAAcYDREaBBAdBxQeAA4gHiEgABQjEx0l/yUpEx8pER8qFyorER4tDSQuFSgwHTAwGiYyGic3Ky86KTE8GyxAJThEREZGQERGREdJPkJJREtKOkRKPUdLQEZLRUdNRk1ONkRON0tPRklQRUlSNkxTPUpUQEtXPlFYNk5ZPVNZOVBaRFFbP05cU1ZcUVVdRlZdSFdeR09eUVhgVVlgTlpiV1tkSVxlVl1lYWJmUVhmW2FnU1xoT2JrVF5sVGRtVWNtTmBtY2tuWWBuU2JwWWlwXm5xWmpyWmpyW29zYmpzXm90XWV1Ymh2a3F2Xm53X295ZGt6XW97a3V8ZXV9Znp+dXp+bXN/aXaAc3qBZnWEbXWHc36JcIWMeX+NgoiPboOQc4eWgI2XfI+dgpWeg5Sgh5yjlJulipumlZupkqask6iyj6O3mKq4lam5pKu9prq+uLzEp7vFtrvIub7Ks7vLwsXNzc/NrsDRwsfRwsnUusfUscnUtcfVyc3VusvVtMnWt8nXy8/XtMrXuszZvczZvs/ZvtHbztfbus3bwNPdwtPevNTeuM/g1ODjzODmydvnxNj/7/n/6vdN3GBoAAAAmXRSTlP//////////////////wD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////80D3HnAAAA1ElEQVQY02PggwF2GIMBiGu4o5n4YhjLkIT4jNuD+Ozz5JGFNOs8zBOSJZCFLCvDqkpYmzWQhEwq2AIdWeIYkIRS/J2n60j2BisjhHI4GoRmJFpF8CKE+Lu4pLIEQjjTmWFCimpF0wrTcjO6W7SVwEKyqnwufR08+rpa0lN9JitANfrWNuoVqGfb9Jvy8clAhLw6JwpHCfo59ZjBjY9tajWYIpovMsEQLuRZPCk1qTSzvM0VKqRiIW7kFh7gHRkaL+YuB1VlWw/1sQNco3U1VMgORAAAJRY2x40QzqcAAAAASUVORK5CYII=") !important;
}


このように、スタイル適用でツールバーのボタンを変えることが出来ます。

ツールバーの他のボタンも変えることが出来ます。
スタイル中の home-button の箇所を、






stop-button中止ボタン
bookmarks-buttonブックマークボタン
reload-button リロードボタン
back-button戻るボタン
forward-button進むボタン

のように変えて下さい。
ボタン画像は、Base64形式でスタイル中に記述します。

画像はgif, jpeg, png形式で18x18ピクセルのものを用意してください。
Base64への変換は、下記ページで出来ます。出力形式に 生データ を指定して下さい。
「Base64変換」ボタンを押すと、変換した内容が、data:image/png;base64,iVBO...の形で表示されるので、これをスタイル中の data:image/png;base64,... と置き換えてください。

画像をBase64に変換するツール (data URI scheme) - シングスブログ

これでFirefoxのツールバーボタンを置き換えることが出来ます。

テーマ

関連テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ

トラックバック(0件)

タイトル (本文) ブログ名/日時

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(0件)

内 容 ニックネーム/日時

コメントする help

ニックネーム
本 文
Firefoxのホーム ボタンをサザエさんの家にする − ツールバーアイコンの変更方法 パソコン鳥のブログ/BIGLOBEウェブリブログ
文字サイズ:       閉じる