Firefox 美化教程(一) Fission 与地址栏

我的 Firefox 去掉了状态栏以扩大可用区域,原本状态栏里的两个东西可以巧妙地整合到地址栏里:页面加载进度,和鼠标指示链接。这两个修改可以用同一个扩展来完成,就是 Fission.


地址栏显示页面加载进度:
这是 Fission 的招牌功能,就不多说了,而且很多优秀的 Firefox 主题还内置有进度条样式,直接就可以和 Fission 搭配,比如我在用的主题 MacfoxII.


地址栏显示鼠标指示链接:
安装好之后在设置里面把这个功能启用就可以实现。也许您对默认的显示方式不满意,那么在

%appdata%\Mozilla\Firefox\Profiles\xxxxxxxx.default\
chrome\userChrome.css

中加入以下代码可以定义链接文字的样式:

#urlbar[fission-link] .textbox-input-box {
color: mediumblue;
background-color: aliceblue !important;
}

字体和背景颜色可以用 mediumblue 这样的颜色名称,也可以用十六进制代码,这里是颜色名称/代码表。上面的图例没有定义背景色,如果您高兴,也可以加些别的 CSS 样式比如字体、倾斜、右对齐什么的。

指示链接时的地址栏图标当然也可以改。准备好一个透明背景的手形图标比如左边这个,把它转换成 Base64 编码,替换掉下面这个文件里的

#urlbar[fission-link] #page-proxy-deck

字段里面,"base64," 之后,“)” 之前的内容:

%appdata%\Mozilla\Firefox\Profiles\xxxxxxxx.default\
extensions\
{xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx}\chrome\fission.jar\
content\fission\fission.css

最新评论

  • Kaylin Pra quem leva a sério esses argumentos desses links, é melhor nunca mais assistir um filme de Holywood. Todos sabem que Disney era conaorvsder para os padrões de lá. 人脸标签!体验 Picasa 网络相册新功能
  • Justice | | | | | inmidderen film izleme sitesi bedava filmler canlı film seyret binlerce filmler online sinema izletir beleÅŸ filmler filmini full izle ücretsiz sinema izleme sitesi filmini izle direk filmler son çıkan filmler vizyondan sonra full sinema izleme sitesi filmleri tam izle indirmeden bedava filim filmler full ve bedava 非常有创意的献血慈善广告
  • Mikel Congratulations on your spicy new name; and the expansion of your services.As a long time patron of ‘Chef Sazon’, I look forward to Roho Kitchen’s future success. Whether it is cooking classes, food and beverage pairing classes,event catering, or pop- up reratusants— I know that Roho Kitchen will always deliver an amazing culinary experience!. Semih Sayginer的开伦表演
  • Charlotte Gee willekirs, that's such a great post! 超牛的flash忍者游戏: N-Game
  • Doc And I was just wonrdeing about that too! 我在使用的 Android 应用程序(三)

发表您的评论

您的评论将回复给 原评论者

:D:):O8):(8D;DXD:P:nice::rainbow::cafe::love::cake:

目前有 21 条评论

  

您可真敬业啊,还专门制作了一个gif文件,写得如此详细,可嘉。我用的是也是macfox+fission,:-)


fisio 回复: 呵呵,这么巧啊 XD

状态栏关乎不少应用图标,我这暂时还去不掉


fisio 回复: 不少也是可以放到工具栏或者菜单里面的嘛

在Windows下我很少用其他Firefox皮肤,看着默认的还舒服一点...^_^


fisio 回复: Firefox2 的默认皮肤的确不错呢

又开始写系列啦,勤快人啊。
那我又开始等第二篇好了


fisio 回复: 呵呵,都是瞎扯

用惯了遨游用不了FF,装了几次又都卸了。

哈哈,做设计的就是不一样!赞一个!

大叔又来晚了,不知道为什么大叔一直不用FX,可能是年纪大了,一下子反应不过来了.

fisio 还是不要开 Cache 插件啦,好几个页面都打不开哦。


fisio 回复: 这都被你发现啦。。其实不是我做了什么,是yo2出了点小问题。我还以为修复相当迅速了呢。。。

这个挺实用的。

fisio果然是做设计的呀,就是不一样~~


fisio 回复: 瞎搞搞...

这个gif动画是用什么软件做的?


fisio 回复: Ulead GIF Animator, 功能还不错,支持psd图层导入,感觉比 ImageReady 好用:)

我也想去掉状态栏
但是装的googer reader插件图标貌似只能显示在状态栏 无奈...


fisio 回复: 是有些扩展只能在状态栏的,这样的扩展我直接无视=.= (像 Greasemonkey 这种,我就不用它的状态栏图标了,需要更改的时候从菜单访问)

Fission更新了,改图标要把fission.jar里的fission.css和skin_firefox.css里的link.gif替换为[你的图标名],并放图标进fission.jar\content\fission里

谢谢分享~ 以前是用 base64 编码在文本中存放图标图片,现在是独立图片文件了 😀

靠,我竟然照着你这个玩意,做出一样的效果来了。真是不容易啊。另外,你这个文章可以更新了,fission内部已经变掉了,不再使用base64了。里面直接background: url(chrome://fission/content/link.gif)了,只要把你那个图片改成link.png,然后直接装jar去,然后css里面改个后缀,就ok了。

恭喜恭喜

那个谁不是老说不要改老文章么。。哈哈

这么着啊,我还以为一切为了用户方便考虑呢……

fission那颜色怎么能整得跟文章中的截图一样呢?我总是觉得弄不好看啊

加载进度条 还是 鼠标指向链接的颜色?

图中的加载进度条是一个主题搭配的,单纯 fission 只能取一个单色。
鼠标指向链接的颜色可以修改 userChrome.css 实现,文中说了~

博主真牛


有 1 篇其他博客的文章引用了本文

  1. 08年6月16日Keo博客 » Blog Archive » 博客推荐——老肥博客(UI达人、Firefox达人)