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

最新评论

  • 高午饭 博主现在的社交网络有么,想关注您呢 我为什么爱 Twitter
  • 西贝博客 很好的建议!谢谢分享! 如何为 blog 建立一个高效的标签系统
  • 苹果 老罗露脸了,哈哈,支持他现在的事业 我为什么爱 Twitter
  • 飞之梦 不错,第一次看到这些效果,以后要用一用了。 CSS 文字阴影在网页设计中的应用
  • QQ地带 大牛,pansou也是用的ajax search,为什么他不会被墙呢,因为他调用的地址是ip,不是直接的谷歌域名。请问怎么实现。 打造完美的 ajax 版 Google 自定义搜索

发表您的评论

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

: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达人)