Firefox 美化教程（二） Gmail Manager

Gmail Manager 是一款运行于 Firefox 的 Gmail 增强扩展，可自动检查多个 Gmail 帐户，显示空间占用、新邮件摘要，区别收件箱、标签、垃圾箱，可以自定义提示声音、点击之后打开标签的方式。默认显示位置在状态栏：

但是既然 上一篇教程 我们用 Fission 实现了状态栏主要功能的向上整合，那么我们不妨也把 Gmail Manager 放到工具栏去，伪装成默认邮件按钮的样子（默认的邮件按钮已经被 Firefox2 拿掉了）：

1. 在 Gmail Manager 的设置中将所有 Gmail 帐户工具栏选项中的隐藏未读计数和隐藏邮件地址钩上，全局设置的工具栏选项中的打开帐户的时候重置未读计数不要钩。

2. 右击 Firefox 工具栏，在自定义中把 Gmail Manager 按钮拖到工具栏上合适的位置。做完这些，Gmail Manager 已经能在工具栏上工作了，正常的时候图标为红色，有未读邮件的时候图标变成蓝色，并且在窗口右下角弹出新邮件摘要。如果您希望对它的外观做一些美化，请继续阅读：

3. 首先要找到修改需要的图标，一般我们会把它改成和当前 Firefox 皮肤的工具栏图标风格一致的样子，可以去 Firefox 的扩展文件夹里找找皮肤里面带有的工具栏图标全集，在这里：（下面用我在用的皮肤 MacfoxII 为例）
%appdata%\Mozilla\Firefox\Profiles\xxxxxxxx.default\extensions\
找到皮肤所在文件夹里的 .jar 文件，用压缩工具解开它，搜索一下里面名字带有 “toolbar” 的文件，找到工具栏图标在 browser\toolbar.png 和 toolbar-small.png 里面，把里面的第一排邮件标准图标在 Photoshop 里切下来待处理，注意保留它的透明背景。

4. 在上面的扩展目录里找到 Gmail Manager, 打开 .jar 了解目标格式。 图和CSS 都在 gmanager.jar\skin\classic\。该处图标定义了离线、连接错误、正常、新邮件四种状态，并且有大图标和小图标两份。另外有两种尺寸的 loading gif 动画。下面是我做的，可以存下来替换掉该处同名文件：

本来我还自定义了 loading gif 动画：两个 throbber.gif，但 gif 和背景的融合比较麻烦，有兴趣可以自己做，过程类似。

5. 修改 overlay.css。上面的图标尺寸已经和原来的有了区别，所以必须在 css 里修改图片的 rect 值。找到 css 文件最末尾的 /*** Large icon images ***/ 和 /*** Small icon images ***/，改这 8 处图标的 rect 值，rect 如何知道？ 比如上面的新邮件大图标在 gm-large.png 中的 上，右，下，左 坐标分别为 0, 108, 26, 81, 那么：

.gm-icon[status|="gm-account-state-logged-in"][newMail="true"] {
-moz-image-region: rect(0px 108px 26px 81px); /* New mail */
}

6. 更新修改过的文件到 .jar 中（需要关闭 Firefox） ，重启看效果：