<< JUGEMで記事下にAdSenseを表示させる方法
WEBから画像と文字を美しくスクラップブックできる「Ript」 >>
  1. HOME
  2.  > -
  3.  > スポンサーサイト

スポンサーサイト

  • 2016.11.05 Saturday
  • -
  • Permalink
    • -
    • -
    • by スポンサードリンク

一定期間更新がないため広告を表示しています

  1. HOME
  2.  > Firefox
  3.  > Firefoxのツールチップを半透明にカスタマイズ

Firefoxのツールチップを半透明にカスタマイズ

  • 2009.06.01 Monday
  • 08:26
  • Firefox
  • Permalink
    • comments(1)
    • trackbacks(0)
    • by ポンポン

影羽連盟: これがないと生きていけないFirefox用スタイル
の「ツールチップを半透明にする」の設定を少し編集してみました。

とてもツールチップがかっこよくなります。
そのほか、同時に非アクティブなタブを半透明にする方法も紹介します。
アクティブタブと非アクティブタブが瞬時に見分けが付くようになります。

JUGEMテーマ: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;を追加しました。

次のページの下部にある隠し機能でも良いかもしれません。 Popup ALT Attributes - outsider reflex" target="_blank">XUL Apps > Popup ALT Attributes - outsider reflex
黒い半透明でとってもcoolになりました。ツールチップは小さいですが、ほんのちょっとしたところでも全体のイメージが変わります。

追記:2009年6月15日
ページの背景色が黒や濃い灰色の場合tooltipが醜くなるので、ボーダー色を変更しました。
非アクティブタブを半透明にするも同時に追加しました。
以下のAdd-onも同時に追加するとtooltipがマウスオーバーしている間は、勝手に消えなくなります。
Mozilla Re-Mix: マウスオーバーで表示されるツールチップをマウスが乗っている間中表示するFirefoxアドオン「No Tooltip Timeout」

  1. HOME
  2.  > -
  3.  > スポンサーサイト

スポンサーサイト

  • 2016.11.05 Saturday
  • -
  • Permalink
    • -
    • -
    • by スポンサードリンク
コメント

コメントありがとう
ございます!

バイトの行きしなに
撮ったんですよ〜
飛行機雲がクロス
してるんですね〜
あたしもびっくりしました

コメントする

   
この記事のトラックバックURL
トラックバック
Access Ranking
ブログパーツ
Search this site.
Calendar
     12
3456789
10111213141516
17181920212223
24252627282930
31      
<< December 2017 >>
Categories
Selected entries
Recent comment
Recent trackback
Profile
Recent
Recent
現場のプロから学ぶXHTML+CSS
現場のプロから学ぶXHTML+CSS (JUGEMレビュー »)
益子 貴寛,堀内 敬子,小林 信次,千貫 りこ,伊藤 学,山田 あかね,西畑 一馬
Links
Software
カラメル
Sponsored Links
Mobile
qrcode
Others
Powered
  • みんなのブログポータル JUGEM

pageup