June 27th, 2006
让我的Firefox看起来像Flock
Category: Firefox, Author: Nicky, Popularity: 10%
为什么不直接使用Flock我上次已经说了，为什么喜欢把我的Firefox弄成像Flock的样子，因为我喜欢。当beta版才出来的时候我把/flock/chrome/classic.jar复制到firefox安装目录对应的位置，那么Firefox默认皮肤就变成Flock的了，毕竟他们的导航栏和工具栏的作用有所不同，所以效果也不是那么好。现在ovidiu-lixandru做了一个Flock v0.2主题，还模拟了地址栏星形收藏夹，相似度90％，喜欢捣鼓的朋友为什么不试试呢？
首先在这里下载Flock v0.2主题，安装。
然后打开userChrome.css这个这个文件
注意：可能很多人还是不知道这文件在什么地方？
如果你使用的Windows，那么它在这里
x:\Documents and Settings\[username]\Application Data\Mozilla\Firefox\profiles\[profile-name]\chrome
如果你使用的linux，那么它在这里
/home/[username]/.mozilla/firefox/[profile-name]/chrome/
1、复制
/* flock */
@import url("chrome://browser/skin/flock/urlbar/star-urlbar.css");
@import url("chrome://browser/skin/flock/urlbar/star-urlbar.css");
到最前面或者
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
的前面
2、再复制下面的代码到任何地方
/* Avoid stretched icons on tabs */
.tab-icon-image {
max-width: 16px !important;
}
.tab-middle > .tab-icon {
display: -moz-stack !important;
}
/* Less toolbar button spacing */
toolbarbutton {
padding: 0px !important;
}
toolbarbutton[type="menu-button"],
toolbarbutton[type="menu-button"]:hover,
toolbarbutton[type="menu-button"]:hover:active,
toolbarbutton[type="menu-button"][open="true"],
toolbarbutton[type="menu-button"][disabled="true"],
toolbarbutton[type="menu-button"][disabled="true"]:hover,
toolbarbutton[type="menu-button"][disabled="true"]:hover:active {
padding: 0 !important;
}
/* More bookmark button spacing */
.bookmark-item {
padding: 0 3px !important;
}
/* Make menus XP style */
menupopup, popup {
border: 1px solid ThreeDShadow !important;
-moz-border-left-colors: ThreeDShadow !important;
-moz-border-top-colors: ThreeDShadow !important;
-moz-border-right-colors: ThreeDShadow !important;
-moz-border-bottom-colors: ThreeDShadow !important;
padding: 2px !important;
background-color: Menu !important;
}
menubar > menu {
border: 1px solid transparent !important;
padding: 2px 5px 2px 7px !important;
margin: 0 !important;
}
menubar > menu[_moz-menuactive="true"] {
background-color : Highlight !important;
color: HighlightText !important;
}
.tab-icon-image {
max-width: 16px !important;
}
.tab-middle > .tab-icon {
display: -moz-stack !important;
}
/* Less toolbar button spacing */
toolbarbutton {
padding: 0px !important;
}
toolbarbutton[type="menu-button"],
toolbarbutton[type="menu-button"]:hover,
toolbarbutton[type="menu-button"]:hover:active,
toolbarbutton[type="menu-button"][open="true"],
toolbarbutton[type="menu-button"][disabled="true"],
toolbarbutton[type="menu-button"][disabled="true"]:hover,
toolbarbutton[type="menu-button"][disabled="true"]:hover:active {
padding: 0 !important;
}
/* More bookmark button spacing */
.bookmark-item {
padding: 0 3px !important;
}
/* Make menus XP style */
menupopup, popup {
border: 1px solid ThreeDShadow !important;
-moz-border-left-colors: ThreeDShadow !important;
-moz-border-top-colors: ThreeDShadow !important;
-moz-border-right-colors: ThreeDShadow !important;
-moz-border-bottom-colors: ThreeDShadow !important;
padding: 2px !important;
background-color: Menu !important;
}
menubar > menu {
border: 1px solid transparent !important;
padding: 2px 5px 2px 7px !important;
margin: 0 !important;
}
menubar > menu[_moz-menuactive="true"] {
background-color : Highlight !important;
color: HighlightText !important;
}
3、作者还希望你加上一句定义搜索框长度
/* Make the Search box flex wider */
#search-container, #searchbar {
-moz-box-flex: 60 !important;
}
#search-container, #searchbar {
-moz-box-flex: 60 !important;
}
4、如果觉得转到按钮不顺眼，加上下面这句
/* No text on Go button */
#go-button .toolbarbutton-text {
display: none !important
}
#go-button .toolbarbutton-text {
display: none !important
}
5、完成，重启一次Firefox就能看到效果了。
如果你觉得搜索图标不太协调，我这里提供了2种样式，可以试试。
http://www.box.net/public/docg7q89on
http://www.box.net/public/bi3b7lg30b
替换方法：下载后替换firefox安装目录下searchplugins/文件夹里对应的搜索图标。
作者效果图：
我的截图：
转自：Firefox Flock theme（原文）。
Tags：Firefox, Flock.
评论数量(16) | Add Comments
本文网址：http://www.osxcn.com/firefox/firefox-and-flock.html
新BLOG地址：http://my.opera.com/gongteng
请修改友情链接，谢谢
nicky你可不可以把你的和ajax commenting有关的文件发到我邮箱？我用的K2 svn320的原文件修改后忘记备份了，AJAX回复有点问题。官方已经没有320下了，你的319离的算最近的了。
这里的这个flock theme for firefox我觉得也不错
http://www.uneasysilence.com/archive/2005/11/4683/
你觉得那款flock皮漂亮? 我觉得不行喔.. 印象中跟minimize to tray还是什么会冲突
为什么我这里没效果呀？一开始是修改userChrome-example这个文件，没效果；就把userChrome-example复制了一下改名为userChrome，重启可以看见地址栏前面的黄色五角星了，可是前进和后退按钮的样式还是单独的，没连在一起。
我成功实现了，很相似；唯一不足的就是没有FLOCK的BLOG内置。
还是觉得rein最漂亮……
xorms,你说的那个主题是老的了，很久前我就推荐过的。
小海，默认的这个文件userChrome-example.css，可以把它改名为userChrome.css，然后安装这个主题，应该就没有问题。
Unsleepable… 世界杯之夜都是不眠夜啊~
我操啊!!! 下面的比赛我不会再看了!!!
你好，交换首页链接：
name:华企商务
website:http://www.cncoc.com
PR值等于4，世界排名10万。
Cool guestbook, interesting information… Keep it UP
老板手机号码
http://www.iion.cn
我也顺利实现了 ：）
哈哈，安装 Flick时竟然是将其拖到工具栏下的主题里面，实在好玩。
Firefox 好像很喜欢被拖来拖去的 .-_-|||
Nicky兄,Flock_V2.0.jar不兼容firefox2.0.0.4?
怎么办?请指教,谢谢!
编辑 flock_v0_2.jar 中的 install.rdf 文件，找到 1.8，修改为 2.0.0.x，然后保存，安装即可。
这个主题是针对 1.5.x 版本的，由于 2.x 版本在结构上有一些改变，可能有些地方看起来不是那么爽。