blob: 0d87ee8724a89599f107739e91ac8d5ea9f1a3be (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
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>
|
