2017 04 ≪  05月 12345678910111213141516171819202122232425262728293031  ≫ 2017 06


スポンサーサイト

- --------(--) - 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
この記事のURL | スポンサー広告 | ▲ top

Firefox 4でロケーションバーの文字色

- 2010-10-11(Mon) - 

個人的に、現在のFirefox 4 Beta版で「これってどうなのかなぁ?」と思うところがあるのですが、それはロケーションバー内の右側に表示されるリンク先URLなどが薄い色(灰色)で表示されてとても見づらいこと。

マウスカーソルをリンクに重ねたとき、ロケーションバー内には閲覧ページURL(もしくは記入したテキスト)とリンク先URLの2つが表示されるわけですが、このときユーザーが注目するのはどちらのほうでしょうか? それは、右側のリンク先URLのほうではありませんか?

「このときだけ色を逆に(閲覧ページURLを薄くしてリンク先URLを濃く)すればいいのになぁ」と思い、それを可能にするスタイルを書いてみました。興味がある方はuserChrome.cssなどに指定してみてください。

.urlbar-over-link-host-label, .urlbar-over-link-path-label {
  color: black;  /*リンク先URLの文字色を黒く*/
}
.urlbar-over-link-host-label {
  font-weight: bold;  /*リンク先URLのホスト名を太字に*/
}
.urlbar-origin-label {
  opacity: 0.5;  /*閲覧ページURLを薄く*/
}

ホスト名を太字にするとその分だけ幅をとるので、それがイヤな場合はコメントアウトしてね。

StylishとかuserChrome.cssが分かる方はこうやってカスタマイズできますが、そうでない方がFirefox 4を使い始めたときに不便だと思わないか心配してしまいます。Firefox 4正式版までには見やすくなったりFirefox 3.6までと同じようにできるといいなぁ。ちなみに、前回のエントリーで紹介したStatus-4-Evarを用いると、ロケーションバー内に表示したステータステキストにもこのスタイルが適用されるので便利になりそう。

関連記事
スポンサーサイト
この記事のURL | Firefox | コメント(0) | トラックバック(0) | ▲ top
<< | メイン | >>
 
コメント

コメントの投稿















管理者にだけ表示を許可する


▲ top
 
トラックバック
トラックバックURL
→http://fxwiki.blog63.fc2.com/tb.php/270-5602c6c6
| メイン |
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。