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形式で18×18ピクセルのものを用意してください。
Base64への変換は、下記ページで出来ます。出力形式に 生データ を指定して下さい。
「Base64変換」ボタンを押すと、変換した内容が、data:image/png;base64,iVBO…の形で表示されるので、これをスタイﾙ中の data:image/png;base64,… と置き換えてください。
画像をBase64に変換するツール (data URI scheme) – シングスブログ
これでFirefoxのツールバーボタンを置き換えることが出来ます。
コメント