阅读:3661回复:3
修改支持FIREFOX 3.0的主題為支持FIREFOX 3.1的方法.
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.*版本. |
|
1楼#
发布于:2008-09-02 10:04
1.有的主题需要修改"选项"--"高级"各个tab的背景的颜色与主题匹配,所以修改: \global\tabbox.css中 tabpanels项目中加入 background: transparent;
2.有的主题需要修正了autoscroll时相应的图片正常显示(在打开的页面中单击中键时,可以移动鼠标来代替滚动条功能,称为autoscroll),需修改:\global\popup.css中popup项的background为#FFFFF0(越接近白色越好,但是不能是白色或者是透明) |
|
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下的相应的值。 |
|
3楼#
发布于:2008-09-02 10:04
呵呵,这个对于主题开发者来说更为有用!
|
|
|