Наверное, вы уже задумывались о создании красивой и подходящей вам по вкусу темы. Особенно если вы пользователь браузера Opera. Итак, эта статья поможет разобраться в том, как собрать собственную тему для браузера.
Почему 18+
Нет, это не возрастные ограничения! Давайте сначала немного поговорим о платформе браузера Opera. Такие версии, как 15, 16 и 17, темы не поддерживают. Почему? Дело в том, что именно в этих версиях использовались первые движки Chromium/Blink. До 15-й версии в Opera использовался собственный движок, который назывался Presto, и темы строились по другому. Поэтому в данной статье описывается разработка для версий 18 и выше.
Как
Вот мы и подошли к самой разработке. Следуйте инструкциям ниже:
- Найдите два изображения для фона. Одно изображение будет служить фоном для страницы с вкладками, а другое с настройками. Форматы для данных изображений могут быть только PNG и JPG;
- Создайте файл persona.ini в текстовом редакторе и добавьте необходимые метаданные;
- Заархивируйте persona.ini и ваши изображения в архив .zip форматом;
- Сейчас вы можете загрузить свою тему в Opera Add-ons.
Как описать мета данные в pesona.ini
[Info]:
- Name: Название темы
- Author: Имя автора
- Author URL: Ссылка, которая указывает на сайт автора или e-mail. Допустимые схемы HTTP, HTTPS и MAILTO
- Version: Версия 2 показывает темы Opera 18+
[Start Page]:
- Background: Имя изображения, который служит фоном для Speed Dial.
- Position: Положение стартового изображения, ключевые слова CSS для установки: left, top, right, bottom, center.
- Title Text Color: Цвет текста — не обязательно.
- Title Text Shadow: Цвет тени текста — не обязательно.
[Web UI Pages]:
- Background: Имя изображения, который служит фоном для остальных страниц
- Position: Положение описывается как и в [Start Page]
Живой пример:
[Info]
Name = Yellow SF
Author = Andreas Bovens
Author URL = bovens.net/
Version = 2
[Start Page]
Background = 01.jpg
Position = center bottom
Title Text Color = #ffffff
Title Text shadow = #261712
[Web UI Pages]
Background = 02.jpg
Position = center top
; images by Charlie Foster, found on unsplash.com (После ";" желательно написать кто автор этих изображений, что-бы вас не смогли обвинить в авторском праве.)
Как публиковать?
После того, как вы полностью сделали свою тему и заархивировали, вы можете опубликовать её в Opera add-ons через зарегистрированный аккаунт, перейдя по данной ссылке и нажав на «Submit a new Add-on», после чего она будет отправлена на модерацию.