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

最新评论

  • fisio 可不,Google Reader 都去世十年了… Google Reader 的分享和效率
  • 轻重 天哪!今天整理Evernote,发现这条2010年的剪藏笔记,点击连接,原网站还在!12年了,中文互联网早已面目全非! Google Reader 的分享和效率
  • 小波 重新改博客,看看以前的wp小伙伴的博客,发现绝大部分都关了,没想到你的还在,只是停在11年了 我为什么爱 Twitter
  • 心灵博客 当年有这个效果已经很不错哦 diy 山寨投影家庭影院
  • fisio 可不咋地!您也是老司机了 我为什么爱 Twitter

发表您的评论

评论将回复给

😀🙂😯😁🙁😄😆😝😜👍🌈💖🎂

目前有 30 条评论

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

呵呵,这么巧啊 XD

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

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

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

Firefox2 的默认皮肤的确不错呢

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

呵呵,都是瞎扯

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

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

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

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

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

这个挺实用的。

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

瞎搞搞…

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

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

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

是有些扩展只能在状态栏的,这样的扩展我直接无视=.= (像 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. 08年6月16日Keo博客 » Blog Archive » 博客推荐——老肥博客(UI达人、Firefox达人) keomars.com/archives/2008/06/recommend-blog-fisio-52.html