Top Stylish >Firefoxのスクロールバーをスタイリッシュにしてくれるユーザースタイル「Transparent growing Scrollbars」
2014年02月16日

Firefoxのスクロールバーをスタイリッシュにしてくれるユーザースタイル「Transparent growing Scrollbars」

縦横のページサイズがブラウザの表示エリアに収まりきらない場合は、スクロールバーが表示されるようになっており、マウス操作やバーの上下左右ドラッグなどで見えていない部分を表示させることができます。

しかし、Windowsの場合、このスクロールバーのサイズがやけに大きく、デザイン面でもあまりかっこいいものではありませんね。

Firefoxに「Transparent growing Scrollbars」というユーザースタイルをインストールすれば、このスクロールバーをスタイリッシュなデザインに変更することができるようになります。

Stylishなどを使って「Transparent growing Scrollbars」をインストールすると、Firefoxのスクロールバーが以下のようなスタイルとなります。


01_Transparent growing Scrollbars.png


デフォルトに比べて幅が狭く、半透明になっているのが特徴で、マウスオーバーすれば画像右側のように若干幅が広がり、色が濃くなります。

また、このCSSはインストール時に角の丸みを(pxで)選択できるようになっており、お好みでOSXライクなデザインにすることも可能です。


02_Transparent growing Scrollbars.jpg


このように、スクロールバーに関するデザイン向上、および省スペース化ができるようになるというスタイルです。

無骨で大きなスクロールバーがイマイチ気に入らなかったというWindowsユーザーは、使ってみてはいかがでしょうか。


ダウンロード:Transparent growing Scrollbars(userstyles.org)


<関連記事>


■Firefoxのスクロールバーをマウスオーバー時以外は非表示にできるユーザースタイル「Autohiding Translucent Scrollbars」

■Firefoxのスクロールバーをちょっと便利にしてくれるアドオン「RichScrollbar」

■スクロールバーの代わりにページのイメージマップを表示して該当箇所へ簡単にジャンプできるFirefoxアドオン「Scrollmap」

■Firefoxのスクロールバーを7色に変化させることができるアドオン「NewScrollbars」

posted by moziller at 18:38 | Comment(0) | TrackBack(0) | Stylish



この記事をはてなブックマークに登録 follow us in feedly このエントリを del.icio.us に登録 この記事をクリップ!Yahoo!ブックマークに登録
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック