- 2009-06-01 (Mon)
- Firefox
影羽連盟: これがないと生きていけないFirefox用スタイル
の「ツールチップを半透明にする」の設定を少し編集してみました。
とてもツールチップがかっこよくなります。
そのほか、同時に非アクティブなタブを半透明にする方法も紹介します。
アクティブタブと非アクティブタブが瞬時に見分けが付くようになります。
ここで紹介する方法でツールチップを半透明にすると、タブやブックマーク、ステイタスバー、それからGreasemonkeyのScriptGreasemonkey 用スクリプト - Popup Altを追加しておくと画像の上で代替テキストも半透明になります。
userChrome.cssを開き編集する
Firefoxのprofileフォルダを開きchromeフォルダの中のuserChrome.cssをテキストエディタで開きます。無い場合は新規作成してください。
以下のCSSを追加しFirefoxを再起動すると設定内容が反映されます。
/* 非アクティブタブの色を薄くする */
#content tab:not([selected="true"]) {
-moz-opacity: 0.6 !important;
color:#303030 !important;
}
* ツールチップを半透明にする */
tooltip {
-moz-border-radius: 10px !important;
-moz-appearance: none !important;
-moz-opacity: 0.9 !important;
font: message-box !important;
color: #ffffff !important;
padding: 5px !important;
background-color: transparent !important;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABmJLR0QA/wD/AP+gvaeTAAAAGElEQVR42mNkYGBYxkAEYGIgEowqpI5CABjxALr+NPKCAAAAAElFTkSuQmCC") !important;
border: 1px solid #666666 !important;
}
-moz-border-radius:を5%から10pxへ、padding: 5px !important;を追加しました。
次のページの下部にある隠し機能でも良いかもしれません。XUL Apps > Popup ALT Attributes - outsider reflex
黒い半透明でとってもcoolになりました。ツールチップは小さいですが、ほんのちょっとしたところでも全体のイメージが変わります。
追記:2009年6月15日
ページの背景色が黒や濃い灰色の場合tooltipが醜くなるので、ボーダー色を変更しました。
非アクティブタブを半透明にするも同時に追加しました。
以下のAdd-onも同時に追加するとtooltipがマウスオーバーしている間は、勝手に消えなくなります。
Mozilla Re-Mix: マウスオーバーで表示されるツールチップをマウスが乗っている間中表示するFirefoxアドオン「No Tooltip Timeout」
- Older: JUGEMで記事下にAdSenseを表示させる方法
- Newer: WEBから画像と文字を美しくスクラップブックできる「Ript」
Comments:1
- りな URL 2009-06-01 (月) 22:34
コメントありがとう
ございます!
バイトの行きしなに
撮ったんですよ〜
飛行機雲がクロス
してるんですね〜
あたしもびっくりしました
Trackback+Pingback:0
- TrackBack URL for this entry
- http://mainsblog.blog111.fc2.com/tb.php/197-ead54692
- Listed below are links to weblogs that reference
- Firefoxのツールチップを半透明にカスタマイズ from Main’s
![[stmx] - ソーシャルマーケットプレイス](http://image.d-064.com/i/banner/sp-wake_125-125.jpg)
