Firefox 美化教程(四)让工具栏更整洁

Mac 上的 Safari 那种工具栏布局一直很流行:菜单栏隐藏掉;工具栏左边放工具按钮,中间是地址栏,右边放搜索框;再下面是书签栏和标签栏。虽然不一定要按照这样来,但这种布局方案很值得参考,因为工具按钮和地址栏都不需要占一整行,而且高度相仿。

去掉工具按钮的下拉箭头

工具按钮旁边的下拉箭头(比如前进、后退按钮右边)没有多大实际作用,点右键就可以弹出下拉菜单,这比按那么小的箭头方便多了。况且很多时候我都是用快捷键代替,或者把后退按钮绑定到鼠标中键,这对 Windows 资源管理器同样有用。去掉这些下拉箭头需要编辑 Firefox 配置文件中的 UserChrome.css,这个文件通常在:

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

其中的 %appdata% 可以直接在资源管理器中输入,会自动定向过去,典型位置会是: C:\Documents and Settings\{USERNAME}\Application Data 。在 UserChrome.css 中增加一段:

.toolbarbutton-menubutton-dropmarker {
display: none !important;
}

重启 Firefox, 下拉箭头就了。用 { display: none !important; } 还可以隐藏掉很多东西,比如不常用到的右键菜单条目——请参考 如何隐藏 Firefox 各处右键菜单中的多余项

减少工具按钮之间的间距

这需要改动当前皮肤,可以在配置目录下的 extensions 里面找到皮肤文件 .jar, 解压之后找到 globaltoolbar.css 搜索一下 "min-width", 不同皮肤语句写法可能不同,这里不详细说了。

隐藏“转到”按钮

相信这个按钮很少会被按到,因为大家在地址栏输入文字之后一般都直接回车吧。那么在地址栏输入 about:config ,找到布尔值 browser.urlbar.hideGoButton ,双击它,改成 true

可变的搜索框宽度

单纯改变搜索框的宽度可以在 UserChrome.css 中增加:

#search-container, #searchbar {
max-width: 400px !important;
width: 400px !important;
}

不过这里我推荐一个我一直用的扩展: Searchbar Autosizer :

  • 方便地设定最大和最小宽度,最小设为 0 的时候搜索框宽度为当前搜索引擎名称的显示宽度。
  • 随着字符的输入,搜索框逐渐变宽。
  • 回车之后清空已输入的文字。(可选)
  • 回车之后跳转回默认搜索引擎。(可选)

改完这些是不是觉得工具栏整洁了许多?如果您有好的点子欢迎指教!

最新评论

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

发表您的评论

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

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

目前有 11 条评论

  

沙发一个先~~


fisio 回复: 这沙发速度太让人震惊了...

可变搜索框宽度不错,尝试一下

我什么也不想改了,懒。
不过有个问题:修改UserChrome.css是不是万能的?就是说,能不能把FF布局改的面目全非?


fisio 回复: 那还不至于,主要是css分布得太广了,各种扩展里都有css,一个主题里几十个css……

跟着改一个试试

能用就行,美化往往意味着功能上的让步。


fisio 回复: 不一定的,很多只是改变一下显示方式:)

UserChrome.css里面可以改的东西太多了
这两天看得头痛呢

这个系列我先预定转载了哈,以后我会放在firefox介绍中,不介意吧??

另外,不介意来参加一个小小的游戏吧http://soft.72pines.com/blog-games/


fisio 回复: 当然欢迎转载:)
这个游戏我都被点名3次了,会尽快写出来啦

最近在用ubuntu
后来发现不如转到osx下 毕竟多数软件还是都有mac版的 研究中 哈哈 支持这个系列 不过真的感觉firefox越来越臃肿了 期待出个精简系列


fisio 回复: 官方安装版不就很精简么。。自己搭配啦

我试了一下去掉下拉小箭头,竟然没有用,不知道怎么回事~~

另外再问一个问题,我想把FF3默认主题的工具栏按钮距离改近一点,但是我没有找到你说的jar文件啊。


fisio 回复: 不好意思,这些技巧都是针对老版本的 Firefox 的了,现在程序变化已经很大,很多都失效了

借用文章一下,呵呵!感谢分享嗄!