LogJET

Web Airport

Google Toolbar for Firefox 改造

待ちに待った、Google ToolbarのFirefox版が登場しました!

予告どおりポップアップブロックが無いくらいで機能はIE版と同じみたいです。
マウスオーバー辞書が使いたかった!
あとページランクも。

とにかくダウンロードはGoogle Toolbar for Firefoxで!

日本語対応。

いきなりjarファイルをバラして中身いじろうとしている馬鹿一人。
CSSいじればページランクだけ表示させる事もできそう。

早速小ネタ。
*注意*
以下の方法は旧バージョン(1.0.20050922より前のバージョン)にのみ有効です。
どうやらツールチップはブラウザのツールチップの設定に依存するように仕様が変わったみたいです。

ツールチップのフォントを変える

マウスオーバー辞書で英単語にポインタを合わせると日本語訳がポップアップ表示されるわけですが、その時の文字が明朝体になっています。
これを変更する方法。

google-toolbar.jarをバラしてcontentフォルダ内のtooltips.jsをメモ帳などのテキストエディタで開き、

div.style.font = "normal normal normal medium serif";

の部分のserifをはずして

div.style.font = "normal normal normal medium";

に書き換えて保存し、再びjarファイルに固めればポップアップのフォントがブラウザの設定フォントになるはず。
serifの部分をsans-serifにすればゴシック体になります。

div.style.font = "normal normal normal medium serif";付近の値をいじればIE版Google Toolbarのように、ツールチップにアイコンなんかも配置できそうな予感。

というわけで、早速やってみた。

ツールチップにアイコンを表示させる

trans.gif

フォント変更と同じようにtooltips.js内の

div.style.background = "#ffd";
div.style.padding = "2px";

の部分を

div.style.background = "#FFE url(chrome://google-toolbar/skin/translator.png) no-repeat left center";
div.style.padding = "2px 2px 2px 18px";

に書き換える。こうすれば、ツールチップの前に翻訳アイコンが上の図のように表示されるはずです。
なぜこれをやったかというと、翻訳する単語にtitle属性が指定されていると
その単語の翻訳のツールチップとtitleのツールチップが同時に表示され ややこしくなるため。例えば…

Dynamite

単純にdiv.style.background = "#ffd";の色の部分を分かりやすい色に変えるだけでも良いと思うけど…。IE版では普通にアイコンが表示されるんですけどね。

さらに
div.style.MozOpacity = "0.85";
を書き加えるとツールチップが半透明になって少しリッチな気分が味わえます。


Trackbacks
このエントリーのトラックバックURL
http://www.fsiki.com/m/t.cgi/347
GoogleツールバーFireFox版リリース! from Google Fan 「さがしものは何ですか?」
待望のFireFox版Googleツールバー(ベータ版)が7月8日にリリースされました。 グーグル、Firefox向けツールバーのベータ版をリリース (C...

2005-07-10 1:11


Comments
入力情報を保存しますか?
(書式を変更するような一部のHTMLタグを使うことができます)



Copyright © 2005-2006 - Fsiki