六月 27th, 2006

让我的Firefox看起来像Flock

Category: Firefox, Author: Nicky, Popularity: 9%
Flock 为什么不直接使用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");
到最前面或者
@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;
}
3、作者还希望你加上一句定义搜索框长度
/* Make the Search box flex wider */
#search-container, #searchbar {
-moz-box-flex: 60 !important;
}
4、如果觉得转到按钮不顺眼,加上下面这句
/* No text on Go button */
#go-button .toolbarbutton-text {
display: none !important
}
5、完成,重启一次Firefox就能看到效果了。 如果你觉得搜索图标不太协调,我这里提供了2种样式,可以试试。 http://www.box.net/public/docg7q89on http://www.box.net/public/bi3b7lg30b 替换方法:下载后替换firefox安装目录下searchplugins/文件夹里对应的搜索图标。 作者效果图: f-flock-theme-1-small 我的截图: 转自:Firefox Flock theme(原文)。

Tags:, .
评论数量(16) | Add Comments
本文网址:http://www.osxcn.com/firefox/firefox-and-flock.html



16 Comments so far

» You can leave a response or Trackback .

  1. Gravatar Icon 工藤 Says:
    新BLOG地址:http://my.opera.com/gongteng 请修改友情链接,谢谢
  2. Gravatar Icon zephyrgong Says:
    nicky你可不可以把你的和ajax commenting有关的文件发到我邮箱?我用的K2 svn320的原文件修改后忘记备份了,AJAX回复有点问题。官方已经没有320下了,你的319离的算最近的了。
  3. Gravatar Icon xorms Says:
    这里的这个flock theme for firefox我觉得也不错 http://www.uneasysilence.com/archive/2005/11/4683/
  4. Gravatar Icon LEMONed Says:
    你觉得那款flock皮漂亮? 我觉得不行喔.. 印象中跟minimize to tray还是什么会冲突
  5. Gravatar Icon 小海 Says:
    为什么我这里没效果呀?一开始是修改userChrome-example这个文件,没效果;就把userChrome-example复制了一下改名为userChrome,重启可以看见地址栏前面的黄色五角星了,可是前进和后退按钮的样式还是单独的,没连在一起。
  6. Gravatar Icon brando Says:
    我成功实现了,很相似;唯一不足的就是没有FLOCK的BLOG内置。
  7. Gravatar Icon DLO Says:
    还是觉得rein最漂亮……
  8. Gravatar Icon Nicky Says:
    xorms,你说的那个主题是老的了,很久前我就推荐过的。 小海,默认的这个文件userChrome-example.css,可以把它改名为userChrome.css,然后安装这个主题,应该就没有问题。
  9. Gravatar Icon LEMONed Says:
    Unsleepable... 世界杯之夜都是不眠夜啊~
  10. Gravatar Icon LEMONed Says:
    我操啊!!! 下面的比赛我不会再看了!!!
  11. Gravatar Icon cncoc Says:
    你好,交换首页链接: name:华企商务 website:http://www.cncoc.com PR值等于4,世界排名10万。
  12. Gravatar Icon Joyce Says:
    Cool guestbook, interesting information... Keep it UP
  13. Gravatar Icon 老板手机号码 Says:
    老板手机号码 http://www.iion.cn
  14. Gravatar Icon moran Says:
    我也顺利实现了 :) 哈哈,安装 Flick时竟然是将其拖到工具栏下的主题里面,实在好玩。 Firefox 好像很喜欢被拖来拖去的 .-_-|||
  15. Gravatar Icon yeahlang Says:
    Nicky兄,Flock_V2.0.jar不兼容firefox2.0.0.4? 怎么办?请指教,谢谢!
  16. Gravatar Icon Nicky Says:
    编辑 flock_v0_2.jar 中的 install.rdf 文件,找到 1.8,修改为 2.0.0.x,然后保存,安装即可。 这个主题是针对 1.5.x 版本的,由于 2.x 版本在结构上有一些改变,可能有些地方看起来不是那么爽。

4 Trackbacks/Pingbacks

leave a reply