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

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

最新评论

  • motif motif.md 晒一晒我用过的博客页眉
  • Shawna Kenyon Are you looking for powerful advertising that delivers real results? I apologize for sending you this message on your contact form but actually that was the whole point. We can send your ad copy to sites via their contact pages just like you're receiving this note right now. You can specify targets by keyword or just execute mass blasts to sites in the location of your choice. So let's say you're looking to push through an ad to all the mortgage brokers in the US, we'll scrape websites for just those and post your ad message to them. Providing you're advertising some kind of offer that's relevant to that type of business then you'll be blessed with an amazing response! Shoot me a reply to ethan3646hug@gmail.com for the details Greasemonkey 脚本推荐:在任何填邮箱的地方自动提示 Gmail 联系人
  • cheap jordan shoes I wish to show my gratitude for your generosity in support of people that should have help on this area. Your special commitment to getting the message all over had become incredibly good and has frequently allowed people much like me to achieve their targets. This useful useful information signifies this much to me and much more to my mates. Thank you; from all of us. Google 嵌入式日历重大更新
  • Fredericka McGuirk Need to find effective online promotion that isn't completely full of it? I apologize for sending you this message on your contact form but actually that was kinda the point. We can send your ad text to sites through their contact pages just like you're receiving this message right now. You can target by keyword or just start bulk blasts to websites in any country you choose. So let's say you want to push through an ad to all the contractors in the United States, we'll scrape websites for only those and post your ad message to them. As long as you're advertising a product or service that's relevant to that business category then your business will get awesome results! Write a quick note to evie2535gre@gmail.com to get info and prices Greasemonkey 脚本推荐:在任何填邮箱的地方自动提示 Gmail 联系人
  • 心灵博客 当年有这个效果已经很不错哦 diy 山寨投影家庭影院

发表您的评论

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

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

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