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

最新评论

  • go兔 这域名有特色,博客也很有个性的页,站长是个大佬啊 :D 改域名,像大爷们一样去建国
  • A搜索 学习了!!!但请问有没有办法让出来的结果的链接不是通过google的url跳转阿?遇到敏感词时一跳转就被墙,貌似90秒左右 打造完美的 ajax 版 Google 自定义搜索
  • 小王子 我也挺喜欢Twitter的,不过就是上推有点麻烦而已,不过我还是不上新浪微博,讨厌QQ空间尼玛一个个的转载,讨厌新浪微博杂乱无章,Twitter简洁更具吸引力。 我为什么爱 Twitter
  • Oz 确实对于用惯了weibo的人转而去用twitter都会很不习惯 我为什么爱 Twitter
  • 天津航空 向海兵 您好,我们公司近期要组织一次献血活动,我特别希望能用这个视频,来作为宣传动员公司员工,请问您可以传给我一份吗? 邮箱:haibin_x@hanir.com Q Q:315117171 致礼 非常有创意的献血慈善广告

发表您的评论

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

: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 编码在文本中存放图标图片,现在是独立图片文件了 :D

靠,我竟然照着你这个玩意,做出一样的效果来了。真是不容易啊。另外,你这个文章可以更新了,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达人) keomars.com/archives/2008/06/recommend-blog-fisio-52.html