initial commit

5 files changed, 201 insertions, 0 deletions

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
+---
+<p>
+</p>
+<div class="callout-box"><b><a href="cn/Creating_a_Skin_for_Firefox">Getting Started</a></b><br>
+介绍如何为Firefox开发主题。</div>
+<div><b>主题</b>指的是程序的皮肤，通过它可以改变程序的外观，满足不同人的不同需要。一个主题可以只改变界面的颜色，也可以改变界面相关的所有元素。</div>
+<table class="topicpage-table">
+<tbody><tr>
+<td>
+<h4 id="Documentation" name="Documentation"> <a>Documentation</a> </h4>
+<dl><dt> <a href="cn/%e5%88%9b%e5%bb%ba%e4%b8%80%e5%a5%97_Firefox_%e7%9a%ae%e8%82%a4">创建一套 Firefox 皮肤</a>
+</dt><dd> <small>介绍如何为Firefox创建新的主题。</small>
+</dd></dl>
+<p><span class="comment">一般style翻译成样式</span>
+</p>
+<dl><dt> <a href="cn/%e4%b8%bb%e9%a2%98%e6%89%93%e5%8c%85">主题打包</a>
+</dt><dd> <small>如何将Firefox和Thunderbird的主题打包。</small>
+</dd></dl>
+<dl><dt> <a href="cn/Theme_changes_in_Firefox_3"> Firefox 2.0 和 3.0 间的主题变更</a>
+</dt></dl>
+<dl><dt> <a href="cn/Theme_changes_in_Firefox_2"> Firefox 1.5 和 2.0 间的主题变更</a>
+</dt><dd> <small> Firefox 发行版1.5和2.0之间的主题全部变更清单。</small>
+</dd></dl>
+<dl><dt> <a class="external" href="http://forums.mozillazine.org/viewtopic.php?t=197434">Firefox 1.5 和 2.0 间的主题变更 (forum post)</a>
+</dt><dd> <small>A forum post at <a class="external" href="http://www.mozillazine.org">MozillaZine</a> outlining the basic theme-related changes between Firefox 1.0 and 1.5.</small>
+</dd></dl>
+<dl><dt> <a class="external" href="http://cheeaun.phoenity.com/weblog/2004/12/first-steps-in-theme-design.html">主题设计的第一步</a>
+</dt><dd> <small>A somewhat aged article discussing theme design for Firefox.</small>
+</dd></dl>
+<p><span class="alllinks"><a>View All...</a></span>
+</p>
+</td><td>
+<h4 id="Community" name="Community"> Community </h4>
+<ul><li> View Mozilla forums...
+</li></ul>
+<p>{{ DiscussionList("dev-themes", "mozilla.dev.themes") }}
+</p>
+<ul><li> <a class="link-irc" href="irc://irc.mozilla.org/#themedev">#themedev IRC channel</a>
+</li><li> <a class="external" href="http://forums.mozillazine.org/viewforum.php?f=18">MozillaZine Themes forum</a>
+</li></ul>
+<h4 id="Tools" name="Tools"> Tools </h4>
+<ul><li> <a href="cn/DOM_Inspector">DOM Inspector</a>
+</li><li> <a class="link-https" href="https://addons.mozilla.org/firefox/63/">InspectorWidget</a>
+</li><li> <a class="external" href="http://www.extensionsmirror.nl/index.php?showtopic=21">ChromeEdit extension</a>
+</li></ul>
+<p><span class="alllinks"><a>View All...</a></span>
+</p>
+<h4 id="Related_Topics" name="Related_Topics"> Related Topics </h4>
+<dl><dd> <a href="cn/CSS">CSS</a>
+</dd></dl>
+</td></tr></tbody></table>
+<p><span class="comment">Categories</span>
+</p><p><span class="comment">Interwiki Language Links</span>
+</p><p><br>
+</p><p><br>
+</p>
+<div class="noinclude">
+</div>
+{{ 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
+---
+<p> </p>
+<h3 id=".E8.AF.B4.E6.98.8E" name=".E8.AF.B4.E6.98.8E">说明</h3>
+<p>为了为 Firefox 创建一套皮肤, 你必须知道三件事：如何编辑图像、如何释放zip文件、以及如何更改CSS。Firefox 的按钮图标使用标准的gif、png、和 jpeg 图像并使用 CSS 来定义界面上的一切。</p>
+<p><b>什么是皮肤?</b></p>
+<p>皮肤不会改版总体的界面；相反的，它仅仅定义了界面看上去的样子。你无法改版用户右击一个图像时发生什么事情，但你可以改版右键菜单的外观(例如使其变为带有粉色圆点装饰)。如果你想更改Firefox的功能，你不得不去改变chrome，这不在本文讨论的范围之内。</p>
+<h3 id=".E5.86.85.E5.AE.B9" name=".E5.86.85.E5.AE.B9">内容</h3>
+<ul>
+ <li><a href="cn/%e5%88%9b%e5%bb%ba%e4%b8%80%e5%a5%97Firefox%e7%9a%ae%e8%82%a4/%e4%bb%8e%e8%bf%99%e9%87%8c%e5%bc%80%e5%a7%8b">从这里开始</a></li>
+</ul>
+<div class="originaldocinfo">
+ <h3 id=".E6.96.87.E7.AB.A0.E5.8E.9F.E5.A7.8B.E4.BF.A1.E6.81.AF" name=".E6.96.87.E7.AB.A0.E5.8E.9F.E5.A7.8B.E4.BF.A1.E6.81.AF">文章原始信息</h3>
+ <ul>
+  <li>作者：Neil Marshall 和 Tucker Lee</li>
+  <li>其它贡献者 （建议/校正）：Brent Marshall, CDN (<a class="external" href="http://themes.mozdev.org" rel="freelink">http://themes.mozdev.org</a>), JP Martin, Boris Zbarsky, Asa Dotzler, WeSaySo, David James, Dan Mauch, Anders Conbere, Tim Regula (<a class="external" href="http://www.igraphics.nn.cx" rel="freelink">http://www.igraphics.nn.cx</a>)</li>
+  <li>版权信息：Copyright 2002-2003 Neil Marshall, permission given to MDC to migrate into the wiki April 2005 via email.</li>
+  <li>原始链接：<a class="external" href="http://www.eightlines.com/neil/mozskin" rel="freelink">http://www.eightlines.com/neil/mozskin</a></li>
+ </ul>
+</div>
+<div class="noinclude">
+  </div>
+<p>{{ 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" } ) }}</p>
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
+---
+<p>{{wiki.localize('System.API.page-generated-for-subpage')}}</p>
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
+---
+<p>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.</p>
+<p>{{ ListSubPages ("/en-US/Add-ons/Themes/Obsolete", 5) }}</p>
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
+---
+<p>{{ Fx_minversion_header(3) }} {{ Draft() }}</p>
+<p>本文包含了更新FireFox主题以使其可以在<a href="cn/Firefox_3">Firefox 3</a>下良好表现所需进行的一些改动。</p>
+<div class="note">
+ <b>Note:</b> We could use an article called <a href="cn/Updating_themes_for_Firefox_3">Updating themes for Firefox 3</a> that would serve as a how-to guide for updating themes. If anyone with theming experience would like to write one, please do!</div>
+<h2 id=".E9.BB.98.E8.AE.A4.E4.B8.BB.E9.A2.98.E7.9A.84.E6.94.B9.E5.8A.A8" name=".E9.BB.98.E8.AE.A4.E4.B8.BB.E9.A2.98.E7.9A.84.E6.94.B9.E5.8A.A8">默认主题的改动</h2>
+<p>下表列出了Firefox 3默认主题的一些改动。你可以对照此表，确认你所需要做出的改动。</p>
+<h3 id=".E6.89.80.E6.9C.89.E6.96.87.E4.BB.B6" name=".E6.89.80.E6.9C.89.E6.96.87.E4.BB.B6">所有文件</h3>
+<h4 id=".E6.89.80.E6.9C.89.E5.B9.B3.E5.8F.B0" name=".E6.89.80.E6.9C.89.E5.B9.B3.E5.8F.B0">所有平台</h4>
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td class="header">文件</td>
+   <td class="header">变更</td>
+  </tr>
+  <tr>
+   <td>&lt;tt&gt;browser/themes/*/browser/browser.css&lt;/tt&gt;</td>
+   <td>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").</td>
+  </tr>
+ </tbody>
+</table>
+<h4 id="Mac_OS_X" name="Mac_OS_X">Mac OS X</h4>
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <td class="header">文件</td>
+   <td class="header">变动信息</td>
+  </tr>
+  <tr>
+   <td>&lt;tt&gt;browser/themes/pinstripe/browser/tabbrowser/tabDragIndicator.png&lt;/tt&gt;</td>
+   <td>删除了图片边缘多余的空白，现在图片尺寸变小。也许会对其他使用此图片的Mac平台下的主题产生影响。</td>
+  </tr>
+  <tr>
+   <td>&lt;tt&gt;browser/themes/pinstripe/browser/browser.css&lt;/tt&gt;</td>
+   <td>.tabbrowser-tab{{ mediawiki.external('first-tab=\"true\"') }} &gt; .tab-image-left不再具有margin-left属性，现在使用定义了相同宽度的.tabs-left元素来替代。在FireFox 2的默认皮肤Winstripe中已经作此处理。</td>
+  </tr>
+ </tbody>
+</table>
+<h3 id="browser.E7.9A.84.E6.94.B9.E5.8A.A8" name="browser.E7.9A.84.E6.94.B9.E5.8A.A8">&lt;tt&gt;browser&lt;/tt&gt;的改动</h3>
+<h3 id="global.E7.9A.84.E6.94.B9.E5.8A.A8" name="global.E7.9A.84.E6.94.B9.E5.8A.A8">&lt;tt&gt;global&lt;/tt&gt;的改动</h3>
+<h4 id=".E6.89.80.E6.9C.89.E5.B9.B3.E5.8F.B0_2" name=".E6.89.80.E6.9C.89.E5.B9.B3.E5.8F.B0_2">所有平台</h4>
+<p>“跳转到”按钮现在被放置在地址栏内部，所以此按钮所用的图片(&lt;tt&gt;<a class="external" rel="freelink">chrome://browser/skin/Go-arrow.png</a>&lt;/tt&gt;)需要设计的小一些。控制“跳转到”及其他地址栏中所用到的按钮的显示及隐藏的CSS规则为:</p>
+<pre class="eval">#urlbar[pageproxystate="invalid"] &gt; #urlbar-icons &gt; :not(#go-button) ,
+#urlbar[pageproxystate="valid"] &gt; #urlbar-icons &gt; #go-button {
+  visibility: collapse;
+}
+</pre>
+<h5 id=".E5.A2.9E.E5.8A.A0.E7.9A.84.E5.9B.BE.E7.89.87" name=".E5.A2.9E.E5.8A.A0.E7.9A.84.E5.9B.BE.E7.89.87">增加的图片</h5>
+<p>增加了以下图片:</p>
+<dl>
+ <dt>
+  &lt;tt&gt;<a class="external" rel="freelink">chrome://global/skin/icons/information-16.png</a>&lt;/tt&gt;</dt>
+ <dd>
+  Used when presenting information notices。</dd>
+ <dt>
+  &lt;tt&gt;<a class="external" rel="freelink">chrome://global/skin/icons/warning-16.png</a>&lt;/tt&gt;</dt>
+ <dd>
+  用作显示警告窗口。</dd>
+</dl>
+<h5 id=".E7.A7.BB.E9.99.A4.E7.9A.84.E5.9B.BE.E7.89.87" name=".E7.A7.BB.E9.99.A4.E7.9A.84.E5.9B.BE.E7.89.87">移除的图片</h5>
+<p>以下图片被移除:</p>
+<dl>
+ <dt>
+  &lt;tt&gt;<a class="external" rel="freelink">chrome://mozapps/skin/extensions/question.png</a>&lt;/tt&gt;</dt>
+ <dd>
+  不再使用。</dd>
+</dl>
+<h4 id="Mac_OS_X_2" name="Mac_OS_X_2">Mac OS X</h4>
+<p>为Mac OS X平台上的Firefox 3制作的皮肤需要在&lt;tt&gt;<a class="external" rel="freelink">chrome://global/skin/wizard.css</a>&lt;/tt&gt;末尾增加两条CSS规则:</p>
+<pre class="eval">.wizard-buttons-btm {
+  padding:<i>X</i>px;
+}
+
+.wizard-label-box {
+  display: none;
+}
+</pre>
+<p>此处的数字
+ <i>
+  X</i>
+ ，即&lt;tt&gt;.wizard-buttons-btm&lt;/tt&gt;中的padding值，需要和&lt;tt&gt;.wizard-buttons-box-2&lt;/tt&gt;中的margin值相同。</p>
+<h5 id=".E5.9B.BE.E7.89.87.E5.8F.98.E5.8A.A8" name=".E5.9B.BE.E7.89.87.E5.8F.98.E5.8A.A8">图片变动</h5>
+<p><a class="external" rel="freelink">chrome://global/skin/icons/loading_16.gif</a> 被chrome://global/skin/icons/loading_16.png 替代。</p>
+<h3 id="mozapps.E7.9A.84.E6.94.B9.E5.8A.A8" name="mozapps.E7.9A.84.E6.94.B9.E5.8A.A8">&lt;tt&gt;mozapps&lt;/tt&gt;的改动</h3>
+<h2 id=".E5.8F.82.E8.80.83.E6.96.87.E7.AB.A0" name=".E5.8F.82.E8.80.83.E6.96.87.E7.AB.A0">参考文章</h2>
+<p><a href="cn/Theme_changes_in_Firefox_2">Theme changes in Firefox 2</a></p>