目 的
ブックマークツールバーをカスタマイズし、領域を可能な限りコンパクトにする。
ブックマークアイテムの幅を固定にする
ユーザ CSS（userChrome.css）に指定する方法です。
プロファイルフォルダのchromeディレクトリに有るuserChrome-example.css というサンプルファイルをuserChrome.cssにリネームして使いましょう。
プロファイルフォルダとは、（Windows 2000・XPの場合）
「C:\Documents and Settings\{ユーザー名}\Application Data\Mozilla\Firefox\Profiles\(英数字の羅列).(プロファイル名)\」になります。
--- 記述例-ここから ---
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
#PersonalToolbar .bookmark-item {
width: 50px;
}
--- ここまで ---
また、Stylishという拡張では同じ機能をFirefoxを再起動せずに反映・管理することができます。
ブックマークアイテムの文字列を消してしまう
ブックマークツールバーに並んでいるアイテムを右クリック→プロパティで『名前』部分を最小限の文字にするか、いっそ空白にしてしまう。
そうすると、favicon のみになります。
拡張機能「UI Tweaker」では、同様のカスタマイズの他、様々な画面部品の表示を制御することができるのですが、新しいバージョンには未対応のようです。
しかし、favicon のみにしてしまうと favicon が用意されていないサイトの区別が付かなくなってしまいます。
そこで、ブックマークアイコンを自由に変更できる拡張機能『Favicon Picker 3』を使って変更して下さい。
Favicon Picker 3 では、jpgなどの画像ファイルでも可能です。
アイコン表示だけにして、マウスオーバーすると名前部分が表示される。という拡張で『Smart Bookmarks Bar』もあります。
こちらも便利かも。
- Newer: WordPress 2.7 での画像投稿
- Older: 謹賀新年
Comments:5
- ななし 2009-01-21 (Wed) 00:58
-
いっその事 Auto Hide にしてみるとか？
@namespace url(http://www.mozilla.org/keym...);
#PersonalToolbar {
visibility: collapse !important;
}
#navigator-toolbox:hover > #PersonalToolbar {
visibility: visible !important;
} - marusan 2009-01-21 (Wed) 09:43
-
ななしさん、おはようございます。
> いっその事 Auto Hide にしてみるとか？
これも良いぃ～～。
でも、"うにゅ" って出てくるのが。。σ(o^_^o)のスタイルにちょっと合わないかな？
今は、ブックマーク群は、各フォルダに別けてメニューバーの横に置いてます。
（ブックマークツールバーは非表示）
↓ ↓ こんな感じです。
http://www.tmk-s.com/sb2/me...
ところで・・・教えてもらえますか？
CSSのプロパティ値は、我流で分かるのですが・・
「#PersonalToolbar」とか「.bookmark-item」などの要素名は色々有ると思うのですが・・
詳しく解説されている所、ありますか？ - ななし 2009-01-21 (Wed) 13:10
-
DOM Inspector で ID や class 調べる方法知ってる？
のりさんの
朝顔日記 - DOM Inspector と Stylish の使い方
http://diary.noasobi.net/20...
で「Dom Inspector と Stylish を使って、Firefox 2.0 の検索バーの虫眼鏡を消す」を見てもらえばなんとなくわかると思うけど・・・
DOM Inspector で調べたときにツリーカラムで
id → #
class → .
だと思うけど・・・
調べたわけでなく、むかしむかしに人のを見たり編集時に DOM Inspector と睨めっこしてたんだけどパターンみたいに思えて、なんとなく「あ～～～、そうなんだ～～～」って感じで思ってから・・・
間違ってるかな？ - ななし 2009-01-21 (Wed) 14:00
-
> 今は、ブックマーク群は、各フォルダに別けてメニューバーの横に置いてます。
私はマウスジェスチャで任意の場所にブックマークエリアポップアップです。
http://space.geocities.yaho...
Firebug
http://ringonoki.net/tool/f...
https://addons.mozilla.org/...
DOM Inspector
https://addons.mozilla.org/...
Web Developer
http://ringonoki.net/tool/f...
https://addons.mozilla.org/...
http://lab.tubonotubo.jp/to...
はWeb開発者の三種の神器です
一般的なホームページ管理者にも大変有難いアドオンだと思いますよ。 - marusan 2009-01-21 (Wed) 16:09
-
へぇ～～、、ブラウザって、サイトを閲覧するだけでは無く便利なんですねぇ。
暇な時にちょっと弄ってみます。
ありがとうございました。
