1 files changed, 74 insertions, 0 deletions
diff --git a/files/uk/mozilla/add-ons/themes/фон/index.html b/files/uk/mozilla/add-ons/themes/фон/index.html
new file mode 100644
index 0000000000..88eaf9c00f
--- /dev/null
+++ b/files/uk/mozilla/add-ons/themes/фон/index.html
@@ -0,0 +1,74 @@
+---
+title: Фонові теми
+slug: Mozilla/Add-ons/Themes/Фон
+translation_of: Mozilla/Add-ons/Themes/Lightweight_themes
+---
+<h2 id="Як_створити_власну_фонову_тему">Як створити власну фонову тему</h2>
+
+<div class="primary auto" id="getting-started">
+<p>Теми робляться з файлу зображення  "header", який виставляє фон за замовчанням у користувацькому інтерфейсі Firefox</p>
+
+<p>Закінчили свій дизайн? <a href="https://addons.mozilla.org/developers/theme/submit">Викладіть його зараз!</a></p>
+
+<h3 id="Створення_зображення_верхівки_теми">Створення зображення верхівки теми</h3>
+
+<p>Зображення верхівки зображається як фонове зображення зверху вікна, знаходячись за панеллю інструментів, лінією вводу та вкладок. Воно буде відцентроване за правим верхнім кутом вікна.</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">View a sample Theme Header here.</a></li>
+</ul>
+
+<h4 id="Вимоги_до_файлу_зображення">Вимоги до файлу зображення</h4>
+
+<ul>
+ <li>Розміри повинні бути <strong>3000px у ширину та 200px у висоту</strong></li>
+ <li>Формат файлу мусить бути <strong>PNG</strong> або <strong>JPG</strong></li>
+ <li>Зображення не має займати більше ніж <strong>300КБ</strong></li>
+</ul>
+
+<h4 id="Поради">Поради</h4>
+
+<ul>
+ <li>Витончені зображення з м'яким контрастом тa градієнти працюють найкраще; високоякісні зображення гарно компонують з користувацьким інтерфейсом.</li>
+ <li>Firefox може показувати більшу частину зображення, якщо інша панель інструментів або інший елемент доданий до зверху вікна </li>
+ <li>Найвища права сторона зображення має мати найнеобхіднішу інформацію - оскільки користувач розширює вікно, браузер більше показує ліву сторону.</li>
+</ul>
+
+<h4 id="Онлайн-ресурси_для_редагування_зображеннь">Онлайн-ресурси для редагування зображеннь</h4>
+
+<ul>
+ <li><a href="http://www.pixlr.com">Pixlr</a> — Pixlr пропонує професіональне та водночас просте середовище для редагування зображень прямо в веб-браузері.</li>
+ <li><a href="http://www.photoshop.com/tools?wf=editor">Photoshop</a> — Редагуйте та перевертайте фото з Photoshop® Express, безкоштомним редактором зображень онлайн.</li>
+</ul>
+
+<h3 id="Викладання_теми_в_мережу">Викладання теми в мережу</h3>
+
+<p>Щоб почати викладати теми перейдіть до  <a href="https://addons.mozilla.org/developers/theme/submit">Сторінки викладення тем:</a></p>
+
+<ol class="itemized">
+ <li><strong>Назвіть свою тему</strong> — виберіть унікальне ім'я для своєї теми. Дуплікати назв не дозволені,тож вам можливо прийдеться подумати над цим якийсь час.</li>
+ <li><strong>Виберіть категорію та теги</strong> — виберіть категорію and та введіть теги, які найкраще описують вашу тему. Не забувайте про те, що переглядач може відхилити вашу тему, якщо її теги та/або категорія не підходять.</li>
+ <li><strong>Опишіть свою тему</strong> — напишіть короткий опис своєї теми. Не забувайте про те, що переглядач може відхилити вашу тему, якщо її опис не підходить.</li>
+ <li><strong>Виберіть ліцензію</strong> —  <a href="http://creativecommons.org/licenses/">Прочитайте більше про ліцензії Creative Common.</a>
+  <ul>
+   <li><strong>Важливо:</strong> Впевніться, що ви маєте достатні права для зображень з вешої теми</li>
+  </ul>
+ </li>
+ <li><strong>Вивантажте своє зображення</strong></li>
+ <li><strong>Select text and tab colors</strong> — you can choose the tab ("background") color and foreground text color that work best with your header image.</li>
+ <li><strong>Preview your theme</strong> — you're ready to preview your theme! Simply mouse over the image above the Submit Theme button, and see how it looks instantly.</li>
+ <li><strong>Submit your theme</strong> — if everything looks right, click the Submit Theme button and you're done! You can see all the themes you've authored on your profile page.
+  <ul>
+   <li><strong>Tip:</strong> to ensure that your theme is approved for the gallery, be sure it complies with the content guidelines and terms of service!</li>
+  </ul>
+ </li>
+</ol>
+
+<p class="call-to-submit"><a class="button prominent" href="https://addons.mozilla.org/en-US/developers/theme/submit">Submit Your Theme Now</a></p>
+
+<h2 class="call-to-submit" id="More_Tutorials">More Tutorials</h2>
+
+<p><a href="http://vanillaorchidstutorials.blogspot.com/2015/11/mozilla-themes-focal-point-sizing.html">Mozilla Themes Focal Point on Sizing</a> - A tutorial on theming with a focus on sizing, by VanillaOrchids.</p>
+</div>