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 的时候搜索框宽度为当前搜索引擎名称的显示宽度。
  • 随着字符的输入,搜索框逐渐变宽。
  • 回车之后清空已输入的文字。(可选)
  • 回车之后跳转回默认搜索引擎。(可选)

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

最新评论

  • Kaylin Pra quem leva a sério esses argumentos desses links, é melhor nunca mais assistir um filme de Holywood. Todos sabem que Disney era conaorvsder para os padrões de lá. 人脸标签!体验 Picasa 网络相册新功能
  • Justice | | | | | inmidderen film izleme sitesi bedava filmler canlı film seyret binlerce filmler online sinema izletir beleÅŸ filmler filmini full izle ücretsiz sinema izleme sitesi filmini izle direk filmler son çıkan filmler vizyondan sonra full sinema izleme sitesi filmleri tam izle indirmeden bedava filim filmler full ve bedava 非常有创意的献血慈善广告
  • Mikel Congratulations on your spicy new name; and the expansion of your services.As a long time patron of ‘Chef Sazon’, I look forward to Roho Kitchen’s future success. Whether it is cooking classes, food and beverage pairing classes,event catering, or pop- up reratusants— I know that Roho Kitchen will always deliver an amazing culinary experience!. Semih Sayginer的开伦表演
  • Charlotte Gee willekirs, that's such a great post! 超牛的flash忍者游戏: N-Game
  • Doc And I was just wonrdeing about that too! 我在使用的 Android 应用程序(三)

发表您的评论

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

: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 的了,现在程序变化已经很大,很多都失效了

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