From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/zh-cn/mozilla/add-ons/themes/index.html | 65 +++++++++++++++ .../creating_a_skin_for_firefox/index.html | 28 +++++++ .../creating_a_skin_for_firefox/uuid/index.html | 6 ++ .../mozilla/add-ons/themes/obsolete/index.html | 10 +++ .../obsolete/theme_changes_in_firefox_3/index.html | 92 ++++++++++++++++++++++ 5 files changed, 201 insertions(+) create mode 100644 files/zh-cn/mozilla/add-ons/themes/index.html create mode 100644 files/zh-cn/mozilla/add-ons/themes/obsolete/creating_a_skin_for_firefox/index.html create mode 100644 files/zh-cn/mozilla/add-ons/themes/obsolete/creating_a_skin_for_firefox/uuid/index.html create mode 100644 files/zh-cn/mozilla/add-ons/themes/obsolete/index.html create mode 100644 files/zh-cn/mozilla/add-ons/themes/obsolete/theme_changes_in_firefox_3/index.html (limited to 'files/zh-cn/mozilla/add-ons/themes') diff --git a/files/zh-cn/mozilla/add-ons/themes/index.html b/files/zh-cn/mozilla/add-ons/themes/index.html new file mode 100644 index 0000000000..e7c28ba50c --- /dev/null +++ b/files/zh-cn/mozilla/add-ons/themes/index.html @@ -0,0 +1,65 @@ +--- +title: 主题 +slug: Mozilla/Add-ons/Themes +tags: + - Themes +translation_of: Mozilla/Add-ons/Themes +--- +

+

+
Getting Started
+介绍如何为Firefox开发主题。
+
主题指的是程序的皮肤，通过它可以改变程序的外观，满足不同人的不同需要。一个主题可以只改变界面的颜色，也可以改变界面相关的所有元素。
+ + +
+

Documentation

+
创建一套 Firefox 皮肤 +
介绍如何为Firefox创建新的主题。 +
+

一般style翻译成样式 +

+
主题打包 +
如何将Firefox和Thunderbird的主题打包。 +
+
Firefox 2.0 和 3.0 间的主题变更 +
+
Firefox 1.5 和 2.0 间的主题变更 +
Firefox 发行版1.5和2.0之间的主题全部变更清单。 +
+
Firefox 1.5 和 2.0 间的主题变更 (forum post) +
A forum post at MozillaZine outlining the basic theme-related changes between Firefox 1.0 and 1.5. +
+
主题设计的第一步 +
A somewhat aged article discussing theme design for Firefox. +
+

View All... +

+		 +

Community

+
  • View Mozilla forums... +
+

{{ DiscussionList("dev-themes", "mozilla.dev.themes") }} +

+ +

Tools

+ +

View All... +

+ +
CSS +
+
+

Categories +

Interwiki Language Links +


+


+

+
+
+{{ languages( { "de": "de/Themes", "en": "en/Themes", "es": "es/Temas", "fr": "fr/Th\u00e8mes", "ja": "ja/Themes", "pl": "pl/Motywy", "zh-tw": "zh_tw/\u4f48\u666f\u4e3b\u984c" } ) }} diff --git a/files/zh-cn/mozilla/add-ons/themes/obsolete/creating_a_skin_for_firefox/index.html b/files/zh-cn/mozilla/add-ons/themes/obsolete/creating_a_skin_for_firefox/index.html new file mode 100644 index 0000000000..2301b757e7 --- /dev/null +++ b/files/zh-cn/mozilla/add-ons/themes/obsolete/creating_a_skin_for_firefox/index.html @@ -0,0 +1,28 @@ +--- +title: 创建一套_Firefox_皮肤 +slug: Mozilla/Add-ons/Themes/Obsolete/Creating_a_Skin_for_Firefox +tags: + - Themes +translation_of: Archive/Themes/Creating_a_Skin_for_Firefox +--- +

 

+

说明

+

为了为 Firefox 创建一套皮肤, 你必须知道三件事：如何编辑图像、如何释放zip文件、以及如何更改CSS。Firefox 的按钮图标使用标准的gif、png、和 jpeg 图像并使用 CSS 来定义界面上的一切。

+

什么是皮肤?

+

皮肤不会改版总体的界面；相反的，它仅仅定义了界面看上去的样子。你无法改版用户右击一个图像时发生什么事情，但你可以改版右键菜单的外观(例如使其变为带有粉色圆点装饰)。如果你想更改Firefox的功能，你不得不去改变chrome，这不在本文讨论的范围之内。

+

内容

+ +
+

文章原始信息

+ +
+
+  
+

{{ languages( { "de": "de/Theme_erstellen", "es": "es/Creando_un_tema_para_Firefox", "fr": "fr/Cr\u00e9er_un_th\u00e8me_pour_Firefox", "ja": "ja/Creating_a_Skin_for_Firefox", "pl": "pl/Tworzenie_sk\u00f3rek_dla_Firefoksa" } ) }}

diff --git a/files/zh-cn/mozilla/add-ons/themes/obsolete/creating_a_skin_for_firefox/uuid/index.html b/files/zh-cn/mozilla/add-ons/themes/obsolete/creating_a_skin_for_firefox/uuid/index.html new file mode 100644 index 0000000000..37280321a1 --- /dev/null +++ b/files/zh-cn/mozilla/add-ons/themes/obsolete/creating_a_skin_for_firefox/uuid/index.html @@ -0,0 +1,6 @@ +--- +title: 创建一套Firefox皮肤 +slug: Mozilla/Add-ons/Themes/Obsolete/Creating_a_Skin_for_Firefox/UUID +translation_of: Archive/Themes/Creating_a_Skin_for_Firefox/UUID +--- +

{{wiki.localize('System.API.page-generated-for-subpage')}}

diff --git a/files/zh-cn/mozilla/add-ons/themes/obsolete/index.html b/files/zh-cn/mozilla/add-ons/themes/obsolete/index.html new file mode 100644 index 0000000000..d420b6ebf0 --- /dev/null +++ b/files/zh-cn/mozilla/add-ons/themes/obsolete/index.html @@ -0,0 +1,10 @@ +--- +title: Obsolete +slug: Mozilla/Add-ons/Themes/Obsolete +tags: + - NeedsTranslation + - TopicStub +translation_of: Mozilla/Add-ons/Themes/Obsolete +--- +

This page collects theme docs that we don't expect will ever be updated, but which we're keeping for the time being as potential source material for updated docs.

+

{{ ListSubPages ("/en-US/Add-ons/Themes/Obsolete", 5) }}

diff --git a/files/zh-cn/mozilla/add-ons/themes/obsolete/theme_changes_in_firefox_3/index.html b/files/zh-cn/mozilla/add-ons/themes/obsolete/theme_changes_in_firefox_3/index.html new file mode 100644 index 0000000000..595058f253 --- /dev/null +++ b/files/zh-cn/mozilla/add-ons/themes/obsolete/theme_changes_in_firefox_3/index.html @@ -0,0 +1,92 @@ +--- +title: Firefox 3 的界面改动 +slug: Mozilla/Add-ons/Themes/Obsolete/Theme_changes_in_Firefox_3 +tags: + - Themes +translation_of: Archive/Themes/Theme_changes_in_Firefox_3 +--- +

{{ Fx_minversion_header(3) }} {{ Draft() }}

+

本文包含了更新FireFox主题以使其可以在Firefox 3下良好表现所需进行的一些改动。

+
+ Note: We could use an article called Updating themes for Firefox 3 that would serve as a how-to guide for updating themes. If anyone with theming experience would like to write one, please do!
+

默认主题的改动

+

下表列出了Firefox 3默认主题的一些改动。你可以对照此表，确认你所需要做出的改动。

+

所有文件

+

所有平台

+ + + + + + + + + + + +
文件变更
<tt>browser/themes/*/browser/browser.css</tt>The width of the drag and drop indicator is no longer calculated during the drag (tabbrowser.xml). Instead a '-moz-margin-start' property must be added to .tab-drop-indicator-bar, with a value that is half of the width of the indicator image. Also, the visibility of the indicator is now controlled by setting collapsed in tabbrowser.xml. As a result, the 'display' property should be removed from .tab-drop-indicator-bar (including for dragging="true").
+

Mac OS X

+ + + + + + + + + + + + + + + +
文件变动信息
<tt>browser/themes/pinstripe/browser/tabbrowser/tabDragIndicator.png</tt>删除了图片边缘多余的空白，现在图片尺寸变小。也许会对其他使用此图片的Mac平台下的主题产生影响。
<tt>browser/themes/pinstripe/browser/browser.css</tt>.tabbrowser-tab{{ mediawiki.external('first-tab=\"true\"') }} > .tab-image-left不再具有margin-left属性，现在使用定义了相同宽度的.tabs-left元素来替代。在FireFox 2的默认皮肤Winstripe中已经作此处理。
+

<tt>browser</tt>的改动

+

<tt>global</tt>的改动

+

所有平台

+

“跳转到”按钮现在被放置在地址栏内部，所以此按钮所用的图片(<tt>chrome://browser/skin/Go-arrow.png</tt>)需要设计的小一些。控制“跳转到”及其他地址栏中所用到的按钮的显示及隐藏的CSS规则为:

+
#urlbar[pageproxystate="invalid"] > #urlbar-icons > :not(#go-button) ,
+#urlbar[pageproxystate="valid"] > #urlbar-icons > #go-button {
+  visibility: collapse;
+}
+
+
增加的图片
+

增加了以下图片:

+
+
+ <tt>chrome://global/skin/icons/information-16.png</tt>
+
+ Used when presenting information notices。
+
+ <tt>chrome://global/skin/icons/warning-16.png</tt>
+
+ 用作显示警告窗口。
+
+
移除的图片
+

以下图片被移除:

+
+
+ <tt>chrome://mozapps/skin/extensions/question.png</tt>
+
+ 不再使用。
+
+

Mac OS X

+

为Mac OS X平台上的Firefox 3制作的皮肤需要在<tt>chrome://global/skin/wizard.css</tt>末尾增加两条CSS规则:

+
.wizard-buttons-btm {
+  padding:Xpx;
+}
+
+.wizard-label-box {
+  display: none;
+}
+
+

此处的数字 + + X + ，即<tt>.wizard-buttons-btm</tt>中的padding值，需要和<tt>.wizard-buttons-box-2</tt>中的margin值相同。

+
图片变动
+

chrome://global/skin/icons/loading_16.gif 被chrome://global/skin/icons/loading_16.png 替代。

+

<tt>mozapps</tt>的改动

+

参考文章

+

Theme changes in Firefox 2

-- cgit v1.2.3-54-g00ecf