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 条评论

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

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

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

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

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

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




还有 1 条 pingbacks 从其它网站引用了本文