firefox 1.0 到 1.5 主题发生的变化 (mozillazine)

用过1.5beta1以上版本的朋友应该知道, 1.5的主题发生了一些变化导致大部分1.0x的主题无法在1.5版本里面正常使用,那到底发生了那些变化呢?我转了一篇mozillazine的英文文章并简单翻译一下,也许对xml和css语言比较了解的朋友理解这些变化有帮助.

    就用1.5和1.0的默认主题来说明一下,从1.0到1.5的默认主题的变化主要是:

    在默认firefox安装目录下面的chrome文件夹里面有一个classic.jar这个是默认的主题,在1.5中classic.jar\skin\classic\多了一个communicator\profile

    在browser\pageinfo.css文件里面含有以下代码:

textbox[disabled] {
  text-style: italic;
}

    在global\scrollbar.css里面新增以下代码:

/* ..... increment .... */

scrollbarbutton[type="increment"] {
  -moz-appearance: scrollbarbutton-right;
  background-image: url("chrome://global/skin/arrow/arrow-rit.gif")
}

scrollbarbutton[type="increment"][disabled="true"] {
  background-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif")
}

scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
  -moz-appearance: scrollbarbutton-down;
  background-image: url("chrome://global/skin/arrow/arrow-dn.gif")
}

scrollbar[orient="vertical"] > scrollbarbutton[type="increment"][disabled="true"] {
  background-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif")
}

/* ..... decrement .... */

scrollbarbutton[type="decrement"] {
  -moz-appearance: scrollbarbutton-left;
   background-image: url("chrome://global/skin/arrow/arrow-lft.gif")
}

scrollbarbutton[type="decrement"][disabled="true"] {
   background-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif")
}

scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
  -moz-appearance: scrollbarbutton-up;
   background-image: url("chrome://global/skin/arrow/arrow-up.gif")
}

scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"] {
   background-image: url("chrome://global/skin/arrow/arrow-up-dis.gif")
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::: MEDIA PRINT :::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

    这个就是为什么许多1.0x主题在1.5下面无法显示滚动条(scrollbar),

同时content.rdf里面的代码也要做相应的改变.

    在global/browser.css中 代码从:

tab[busy] > .tab-icon {
  list-style-image: url("chrome://browser/skin/Throbber-small.gif");
  -moz-opacity: 0.5;
}

   变成了:

tab[busy] > .tab-middle > .tab-icon {
  list-style-image: url("chrome://browser/skin/Throbber-small.gif");
  -moz-opacity: 0.5;
}

global\tabbox.css里面的代码从:

tab[selected="true"] {
  margin-top: 0;
  border-bottom-color: transparent;
  padding: 1px 6px 4px 6px;
}

变成了:

tab[selected="true"] {
  -moz-user-focus: normal;
  margin-top: 0;
  border-bottom-color: transparent;
  padding: 1px 6px 4px 6px;
}

tab:focus > .tab-middle {
  -moz-outline: 1px dotted invert;
}

    基本就是这些的变化,导致了1.5主题和1.0x的差异!!!!

    具体的请看:  http://forums.mozillazine.org/viewtopic ... cbf9b392e3

哈哈，太好了，着手试着convert几个1.0+上喜爱的主题

呵呵 你厉害 我不会xml和css 也没有时间学习 不过最方便的方法就是把以前的theme 和更新的相同的theme 进行比较
这样就可以知道其中的方法了 这个是捷径哦!

看了下原文，建议把“同时content.rdf里面的代码也作了相应的改变. “这句移到下一段

没有说我会啊
不过css还是比较简单的，照葫芦画瓢
可以试试看