foxfirefox
千年狐狸
千年狐狸
  • UID16837
  • 注册日期2007-01-27
  • 最后登录2019-10-22
  • 发帖数1409
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
  • 社区居民
阅读:3492回复:3

修改支持FIREFOX 3.0的主題為支持FIREFOX 3.1的方法.

楼主#
更多 发布于:2008-09-02 10:04
1.使用https://www.firefox.net.cn/forum/viewtopic.php?t=17092 的方法修改主题中的install.rdf 中的maxVersion为*,表示不受限制.
2.查看主题中Search-glass.png和close.png所在的路径.假设Search-glass.png的路径为browser\Search-glass.png,close.png的路径为global\icons\close.png.那么增加如下代码到相应的文件里.
2.1 global\textbox.css
/* ::::: search textbox ::::: */
.textbox-search-icon {
  list-style-image: url("chrome://browser/skin/Search-glass.png");
  -moz-image-region: rect(0, 16px, 16px, 0);
}
.textbox-search-icon[searchbutton]:not([disabled]) {
  cursor: pointer;
}
.textbox-search-clear {
  list-style-image: url("chrome://global/skin/icons/close.png");
  -moz-image-region: rect(0, 16px, 16px, 0);
}
.textbox-search-clear:not([disabled]) {
  cursor: default;
}
.textbox-search-clear:not([disabled]):hover ,
.textbox-search-icon[searchbutton]:not([disabled]):hover {
  -moz-image-region: rect(0, 32px, 16px, 16px);
}
.textbox-search-clear:not([disabled]):hover:active ,
.textbox-search-icon[searchbutton]:not([disabled]):hover:active {
  -moz-image-region: rect(0, 48px, 16px, 32px);
}
2.2 browser\place\organizer.css
.textbox-input-searchimage {
  margin: 2px 0;
  -moz-margin-end: 2px;
  list-style-image: url("chrome://browser/skin/Search-glass.png");
  -moz-image-region: rect(0px 16px 16px 0px);
  cursor: default;
}
.textbox-input-closebutton {
  -moz-appearance: none;
  margin: 1px 2px 1px 1px;
  min-width: 0;
  background-color: transparent;
  border: none;
  padding: 0 !important;
  list-style-image: url(""chrome://global/skin/icons/close.png"");
  -moz-image-region: rect(0px 16px 16px 0px);
  width: 14px;
  height: 14px;
  cursor: default;
}
.textbox-input-closebutton > .button-box {
  margin: 0;
  padding: 0;
  border: 0;
}
.textbox-input-closebutton:hover {
  -moz-image-region: rect(0px 32px 16px 16px);
}
.textbox-input-closebutton:hover:active {
  -moz-image-region: rect(0px 48px 16px 32px);
}

注: close.png引用后的rect()所对应的值可以使用close.png所在其他css文件如Browser\browser.css中的相应的代码进行比较确认相应的值.
Search-glass.png引用后的rect()所对应的值可以使用Search-glass.png所在其他css文件如Browser\searchbar.css中的相应的代码进行比较确认相应的值.
修改完成后,保存所作的修改.并将主题安装到firefox 3.1b2pre(含)之后版本,重启firefox.就可以看到如下变化:
1.工具--"附加组件"窗口--获取附加组件--搜索框会出现Search-glass.png,如果进行搜索动作后,会出现close.png.
2.ctrl+shift+b(h),ctrl+b(h),工具--选项--安全--密码--已保存密码窗口的搜索框会出现Search-glass.png,如果进行搜索动作后,会出现close.png.
3.工具--选项--应用程序的搜索框也会出现上述现象.
当然此主题依然可以支持firefox 3 beta 5(含)之后的firefox 3.*版本.
foxfirefox
千年狐狸
千年狐狸
  • UID16837
  • 注册日期2007-01-27
  • 最后登录2019-10-22
  • 发帖数1409
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
  • 社区居民
1楼#
发布于:2008-09-02 10:04
1.有的主题需要修改"选项"--"高级"各个tab的背景的颜色与主题匹配,所以修改: \global\tabbox.css中 tabpanels项目中加入 background: transparent;
2.有的主题需要修正了autoscroll时相应的图片正常显示(在打开的页面中单击中键时,可以移动鼠标来代替滚动条功能,称为autoscroll),需修改:\global\popup.css中popup项的background为#FFFFF0(越接近白色越好,但是不能是白色或者是透明)
foxfirefox
千年狐狸
千年狐狸
  • UID16837
  • 注册日期2007-01-27
  • 最后登录2019-10-22
  • 发帖数1409
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
  • 社区居民
2楼#
发布于:2008-09-02 10:04
firefox 3.1b1pre 0925之后的版本须增加newtab到tabbrowser上。
browser\browser.css
.tabs-newtab-button > .toolbarbutton-icon {
list-style-image: url("chrome://browser/skin/Toolbar-small.png");
-moz-image-region: rect(0px 160px 16px 144px);
}
说明:-moz-image-region: rect(0px 160px 16px 144px);参考toolbar[iconsize="small"] #new-tab-button下的相应的值。
fang5566
管理员
管理员
  • UID3719
  • 注册日期2005-03-07
  • 最后登录2024-05-09
  • 发帖数18483
  • 经验4837枚
  • 威望5点
  • 贡献值4316点
  • 好评度1116点
  • 社区居民
  • 最爱沙发
  • 忠实会员
  • 终身成就
3楼#
发布于:2008-09-02 10:04
呵呵,这个对于主题开发者来说更为有用!
Firefox More than meets your experience
游客

返回顶部