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 的时候搜索框宽度为当前搜索引擎名称的显示宽度。
- 随着字符的输入,搜索框逐渐变宽。
- 回车之后清空已输入的文字。(可选)
- 回车之后跳转回默认搜索引擎。(可选)
改完这些是不是觉得工具栏整洁了许多?如果您有好的点子欢迎指教!
沙发一个先~~
这沙发速度太让人震惊了…
可变搜索框宽度不错,尝试一下
我什么也不想改了,懒。
不过有个问题:修改UserChrome.css是不是万能的?就是说,能不能把FF布局改的面目全非?
那还不至于,主要是css分布得太广了,各种扩展里都有css,一个主题里几十个css……
跟着改一个试试
能用就行,美化往往意味着功能上的让步。
不一定的,很多只是改变一下显示方式:)
UserChrome.css里面可以改的东西太多了
这两天看得头痛呢
这个系列我先预定转载了哈,以后我会放在firefox介绍中,不介意吧??
另外,不介意来参加一个小小的游戏吧http://soft.72pines.com/blog-games/
当然欢迎转载:)
这个游戏我都被点名3次了,会尽快写出来啦
最近在用ubuntu
后来发现不如转到osx下 毕竟多数软件还是都有mac版的 研究中 哈哈 支持这个系列 不过真的感觉firefox越来越臃肿了 期待出个精简系列
官方安装版不就很精简么。。自己搭配啦
我试了一下去掉下拉小箭头,竟然没有用,不知道怎么回事~~
另外再问一个问题,我想把FF3默认主题的工具栏按钮距离改近一点,但是我没有找到你说的jar文件啊。
不好意思,这些技巧都是针对老版本的 Firefox 的了,现在程序变化已经很大,很多都失效了
借用文章一下,呵呵!感谢分享嗄!