Создание и размещение собственной темы в Opera 18+

в 13:58, , рубрики: Песочница, метки:

Наверное, вы уже задумывались о создании красивой и подходящей вам по вкусу темы. Особенно если вы пользователь браузера Opera. Итак, эта статья поможет разобраться в том, как собрать собственную тему для браузера.

Почему 18+

Нет, это не возрастные ограничения! Давайте сначала немного поговорим о платформе браузера Opera. Такие версии, как 15, 16 и 17, темы не поддерживают. Почему? Дело в том, что именно в этих версиях использовались первые движки Chromium/Blink. До 15-й версии в Opera использовался собственный движок, который назывался Presto, и темы строились по другому. Поэтому в данной статье описывается разработка для версий 18 и выше.

Как

Вот мы и подошли к самой разработке. Следуйте инструкциям ниже:

  1. Найдите два изображения для фона. Одно изображение будет служить фоном для страницы с вкладками, а другое с настройками. Форматы для данных изображений могут быть только PNG и JPG;
  2. Создайте файл persona.ini в текстовом редакторе и добавьте необходимые метаданные;
  3. Заархивируйте persona.ini и ваши изображения в архив .zip форматом;
  4. Сейчас вы можете загрузить свою тему в 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», после чего она будет отправлена на модерацию.

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js