initial commit

2 files changed, 199 insertions, 0 deletions

diff --git a/files/zh-tw/佈景主題/background/index.html b/files/zh-tw/佈景主題/background/index.html
new file mode 100644
index 0000000000..0d87ee8724
--- /dev/null
+++ b/files/zh-tw/佈景主題/background/index.html
@@ -0,0 +1,102 @@
+---
+title: Background Themes
+slug: 佈景主題/Background
+translation_of: Mozilla/Add-ons/Themes/Lightweight_themes
+---
+<h2 id="如何創建自己的背景主題"><img alt="我家的多多小姐又再亂咬東西了" src="https://mdn.mozillademos.org/files/13474/20150711_212448.jpg" style="height: 2448px; width: 3264px;"><font><font><font><font>如何創建自己的背景主題</font></font></font></font></h2>
+
+<div class="primary auto" id="getting-started">
+<p><font><font><font><font>主題是由一個“頭”圖形圖像文件，它外觀中的默認UI Firefox的背景。</font></font></font></font></p>
+
+<p><font><font><font><font>完成你的設計？</font></font></font><font><font><font>您可以</font></font></font></font><a href="https://addons.mozilla.org/developers/theme/submit"><font><font><font><font>馬上提交！</font></font></font></font></a></p>
+
+<h3 id="創建主題標題圖片"><font><font><font><font>創建主題標題圖片</font></font></font></font></h3>
+
+<p><font><font>頭圖像顯示在瀏覽器窗口頂部的背景下，偎依在工具欄，地址欄，搜索欄和標籤欄的後面。</font><font>它將被</font></font><strong><font><font>錨定到右上角</font></font></strong><font><font>的瀏覽器窗口。</font></font></p>
+
+<p class="screenshot"><img alt="" src="https://mdn.mozillademos.org/files/9929/header-step.jpg" style="height: 215px; width: 1059px;"></p>
+
+<ul>
+ <li><a href="https://addons.cdn.mozilla.net/static/img/docs/themes/header.jpg"><font><font><font><font>在這裡查看示例主題標題。</font></font></font></font></a></li>
+</ul>
+
+<h4 id="圖片要求"><font><font><font><font>圖片要求</font></font></font></font></h4>
+
+<ul>
+ <li><font><font><font><font><font><font>尺寸應為</font></font></font></font></font></font><strong><font><font><font><font><font><font>3000px寬×高200像素</font></font></font></font></font></font></strong></li>
+ <li><font><font><font><font><font><font>PNG或JPG文件格式</font></font></font></font></font></font></li>
+ <li><font><font><font><font>圖片不得超過300 KB的文件大小</font></font></font></font></li>
+</ul>
+
+<h4 id="提示"><font><font><font><font><font><font>提示</font></font></font></font></font></font></h4>
+
+<ul>
+ <li><font><font><font><font>含蓄，柔和對比度的圖像和漸變的效果最好; </font></font></font><font><font><font>非常詳細的圖像將與瀏覽器UI競爭。</font></font></font></font></li>
+ <li><font><font><font><font>火狐可以揭示更多的圖像的下部的，如果另一工具欄或其他UI元素被添加到窗口的頂部。</font></font></font></font></li>
+ <li><font><font><font><font>圖像的右上側應具有的最重要的信息，作為用戶增加了瀏覽器窗口的寬度，瀏覽器顯示多個圖像的左手側的。</font></font></font></font></li>
+</ul>
+
+<h4 id="在線圖像編輯器資源"><font><font><font><font>在線圖像編輯器資源</font></font></font></font></h4>
+
+<ul>
+ <li><a href="http://www.pixlr.com"><font><font><font><font>Pixlr等</font></font></font></font></a><font><font><font><font> -的Pixlr提供專業的和易於使用的工具，在瀏覽器中創建和編輯圖像。</font></font></font></font></li>
+ <li><a href="http://www.photoshop.com"><font><font><font><font>Photoshop中</font></font></font></font></a><font><font><font><font> -調整，旋轉，照片潤色使用Photoshop®快速，免費的在線圖片編輯器。</font></font></font></font></li>
+</ul>
+
+<h3 id="創建主題頁腳圖像"><font><font><font><font>創建主題頁腳圖像</font></font></font></font></h3>
+
+<p><font><font><font><font>在舊版本的Firefox或更新版本的安裝一定的附加組件，頁腳圖像顯示為瀏覽器窗口底部的背景下，該加載項並找到酒吧的後面。</font></font></font><font><font><font>它將被固定在瀏覽器窗口的左下角。</font></font></font><font><font><font>頁腳圖像是可選的。</font></font></font></font></p>
+
+<p class="screenshot"><img alt="" src="https://mdn.mozillademos.org/files/9935/footer-step.jpg" style="height: 56px; width: 1249px;"></p>
+
+<ul>
+ <li><a href="https://addons.cdn.mozilla.net/static/img/docs/themes/footer.jpg"><font><font><font><font>在這裡查看示例主題頁腳。</font></font></font></font></a></li>
+</ul>
+
+<h4 id="圖片要求_2"><font><font><font><font><font><font>圖片要求</font></font></font></font></font></font></h4>
+
+<ul>
+ <li><font><font><font><font><font><font>尺寸應為</font></font></font></font></font></font><strong><font><font><font><font><font><font>3000px寬×高100像素</font></font></font></font></font></font></strong></li>
+ <li><font><font><font><font><font><font>PNG或JPG文件格式</font></font></font></font></font></font></li>
+ <li><font><font><font><font><font><font>圖片不得超過300 KB的文件大小</font></font></font></font></font></font></li>
+</ul>
+
+<h4 id="提示_2"><font><font><font><font><font><font>提示</font></font></font></font></font></font></h4>
+
+<ul>
+ <li><font><font><font><font><font><font>含蓄，柔和對比度的圖像和漸變的效果最好; </font></font></font></font></font><font><font><font><font><font>非常詳細的圖像將與瀏覽器UI競爭。</font></font></font></font></font></font></li>
+ <li><font><font><font><font>火狐可以揭示更多的圖像上部，如果查找欄打開或擴展增加了更多的高度到窗口的底部。</font></font></font></font></li>
+ <li><font><font><font><font>圖像的左手側應具有最importan信息作為用戶增加了瀏覽器窗口的寬度，瀏覽器顯示多個圖像的右手側的。</font></font></font></font></li>
+</ul>
+
+<h3 id="提交您的主題圖像"><font><font><font><font>提交您的主題圖像</font></font></font></font></h3>
+
+<p><font><font><font><font>要開始提交您的圖片，轉到主題提交頁面：</font></font></font></font></p>
+
+<ol class="itemized">
+ <li><strong><font><font><font><font>命名的主題</font></font></font></font></strong><font><font><font><font> -挑你的主題的唯一名稱。</font></font></font><font><font><font>重複的名稱是不允許的，所以你可能需要嘗試幾次找到唯一的名稱。</font></font></font></font></li>
+ <li><strong><font><font><font><font>選擇一個類別和標籤</font></font></font></font></strong><font><font><font><font> -選擇一個類別，並輸入一些標籤最能描述你的主題。</font></font></font><font><font><font>請記住，審閱者可能會拒絕你的主題，如果很明顯，您的類別和/或標籤無關您的主題。</font></font></font></font></li>
+ <li><strong><font><font><font><font>描述你的主題</font></font></font></font></strong><font><font><font><font> -寫你的主題進行了簡短說明。</font></font></font><font><font><font>請記住，審閱者可能會拒絕你的主題，如果你的描述不是你的主題準確地表述。</font></font></font></font></li>
+ <li><strong><font><font><font><font>為您的主題牌</font></font></font></font></strong><font><font><font><font> -決定了你工作的版權許可。</font></font></font></font><a href="http://creativecommons.org/licenses/"><font><font><font><font>了解更多關於類型的知識共享許可。</font></font></font></font></a>
+  <ul>
+   <li><strong><font><font><font><font>重要提示：</font></font></font></font></strong><font><font><font><font>請確保您有使用圖像在你的主題的權利！</font></font></font></font></li>
+  </ul>
+ </li>
+ <li><strong><font><font><font><font>上傳圖片</font></font></font></font></strong><font><font><font><font> -確保他們受到300 KB的大小和JPG或PNG格式！</font></font></font></font></li>
+ <li><strong><font><font><font><font>選擇文本和標籤的顏色</font></font></font></font></strong><font><font><font><font> -您可以選擇最適合您的標題圖片選項卡（“背景”）的顏色和前景文本顏色。</font></font></font></font></li>
+ <li><strong><font><font><font><font>預覽你的主題</font></font></font></font></strong><font><font><font><font> -你準備好預覽您的主題！</font></font></font><font><font><font>只需將鼠標懸停在上面提交主題按鈕，看看它的樣子瞬間影像。</font></font></font></font></li>
+ <li><strong><font><font><font><font>提交你的主題</font></font></font></font></strong><font><font><font><font> -如果一切看起來正常，點擊提交按鈕的主題，你就大功告成了！</font></font></font><font><font><font>你可以查看你的個人資料頁面上撰寫的主題。</font></font></font></font>
+  <ul>
+   <li><strong><font><font><font><font>提示：</font></font></font></font></strong><font><font><font><font>為確保您的主題已被批准用於畫廊，確保它與內容準則和服務條款的規定！</font></font></font></font></li>
+  </ul>
+ </li>
+</ol>
+
+<p class="screenshot"><img alt="" src="https://mdn.mozillademos.org/files/9933/submission-step.jpg" style="height: 1800px; width: 785px;"></p>
+
+<p class="call-to-submit"><a class="button prominent" href="https://addons.mozilla.org/en-US/developers/theme/submit"><font><font><font><font>提交你的主題現在</font></font></font></font></a></p>
+
+<h2 class="call-to-submit" id="更多教程"><font><font><font><font><font><font>更多教程</font></font></font></font></font></font></h2>
+
+<p><a href="http://vanillaorchidstutorials.blogspot.com/2015/11/mozilla-themes-focal-point-sizing.html"><font><font><font><font>Mozilla的主題聯絡點漿紗上</font></font></font></font></a><font><font><font><font> -上側重於上漿主題化，通過VanillaOrchids教程。</font></font></font></font></p>
+</div>
diff --git a/files/zh-tw/佈景主題/index.html b/files/zh-tw/佈景主題/index.html
new file mode 100644
index 0000000000..fdcea039ce
--- /dev/null
+++ b/files/zh-tw/佈景主題/index.html
@@ -0,0 +1,97 @@
+---
+title: 佈景主題
+slug: 佈景主題
+tags:
+  - 佈景主題
+translation_of: Mozilla/Add-ons/Themes
+---
+<p> </p>
+
+<div class="callout-box"><strong><a href="zh_tw/%e8%a3%bd%e4%bd%9c_Firefox_%e4%bd%88%e6%99%af%e4%b8%bb%e9%a1%8c">新手上路</a></strong><br>
+Firefox 佈景主題製作入門。</div>
+
+<div><strong>佈景主題</strong> 是 Mozilla 各種應用程式的介面外觀。Mozilla 應用程式可以讓使用者依喜好更動程式的視覺觀感，而這些佈景主題可以簡單更換使用介面的色彩等項目，也可以更動物件的顯示位置。</div>
+
+<p>&lt;div style="clear:both;" /&gt;</p>
+
+<table class="topicpage-table">
+ <tbody>
+  <tr>
+   <td>
+    <h4 id=".E6.96.87.E4.BB.B6" name=".E6.96.87.E4.BB.B6"><a>文件</a></h4>
+
+    <dl>
+     <dt><a href="zh_tw/%e8%a3%bd%e4%bd%9c_Firefox_%e4%bd%88%e6%99%af%e4%b8%bb%e9%a1%8c">製作 Firefox 佈景主題</a></dt>
+     <dd><small>Firefox 佈景主題製作入門。</small></dd>
+    </dl>
+
+    <dl>
+     <dt><a href="zh_tw/%e5%8c%85%e8%a3%9d%e4%bd%88%e6%99%af%e4%b8%bb%e9%a1%8c">包裝佈景主題</a></dt>
+     <dd><small>為 Firefox 及 Thunderbird 包裝佈景主題安裝檔。</small></dd>
+    </dl>
+
+    <dl>
+     <dt><a class="external" href="http://forums.mozillazine.org/viewtopic.php?t=197434">Firefox 1.0 至 1.5 間關於佈景主題的變動（MozillaZine 討論區文章）</a></dt>
+     <dd><small><a class="external" href="http://www.mozillazine.org">MozillaZine</a> 一篇討論 Firefox 1.0 至 1.5 間關於佈景主題變動項目的文章。</small></dd>
+    </dl>
+
+    <dl>
+     <dt><a class="external" href="http://kb.mozillazine.org/Dev_:_Themes">開發佈景主題</a></dt>
+     <dd><small>一篇廣泛談論各種 XUL 程式佈景主題設計開發細節的文章。</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>一篇有點舊的文章，談 Firefox 的佈景主題設計。</small></dd>
+    </dl>
+
+    <p><span class="alllinks"><a>所有文章...</a></span></p>
+   </td>
+   <td>
+    <h4 id=".E7.A4.BE.E7.BE.A4" name=".E7.A4.BE.E7.BE.A4">社群</h4>
+
+    <ul>
+     <li>查閱 Mozilla 討論區...</li>
+    </ul>
+
+<ul>
+    <li><a href="https://lists.mozilla.org/listinfo/dev-themes">郵件討論</a></li>
+    <li><a href="news://news.mozilla.org/mozilla.dev.themes">新聞群組</a></li>
+    <li><a href="http://groups.google.com/group/mozilla.dev.themes">Google 群組</a></li>
+    <li><a href="http://groups.google.com/group/mozilla.dev.themes">feeds 消息來源</a></li>
+</ul>
+
+    <ul>
+     <li><a class="link-irc" href="irc://irc.mozilla.org/#themedev">#themedev IRC 頻道</a></li>
+     <li><a class="external" href="http://forums.mozillazine.org/viewforum.php?f=18">MozillaZine 佈景主題討論區</a></li>
+    </ul>
+
+    <h4 id=".E5.B7.A5.E5.85.B7" name=".E5.B7.A5.E5.85.B7">工具</h4>
+
+    <ul>
+     <li><a href="zh_tw/DOM_%e8%a7%80%e5%af%9f%e5%99%a8">DOM 觀察器</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 擴充套件</a></li>
+    </ul>
+
+    <p><span class="alllinks"><a>所有文章...</a></span></p>
+
+    <h4 id=".E7.9B.B8.E9.97.9C.E4.B8.BB.E9.A1.8C" name=".E7.9B.B8.E9.97.9C.E4.B8.BB.E9.A1.8C">相關主題</h4>
+
+    <dl>
+     <dd><a href="zh_tw/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> </p>
+
+<div class="noinclude"> </div>
+
+<p>{{ languages( { "de": "de/Themes", "en": "en/Themes", "es": "es/Temas", "fr": "fr/Th\u00e8mes", "ja": "ja/Themes", "pl": "pl/Motywy", "zh-cn": "cn/\u4e3b\u9898" } ) }}</p>