Виджеты в опере настройка

Обновлено: 07.07.2024

В этой статье мы рассмотрим создание простого виджета для оперы.

Базовое понимание веб-технологий.
Текстовый редактор.
Архиватор, который может создавать зип архивы.
Место, где можно разместить виджет.
Браузер Opera.

Сначала необходимо создать файл index.html. Это то, что люди будут видеть при открытии виджета.

Настройки виджета.

Далее мы посмотрим, как добавить настройки к нашему виджету. Все настройки прописываются в файле под именем config.xml и содержат информацию о постоянных свойствах виджета. Основные свойсвтва, которые должны быть описанны в этом файле:
Имя виджета.
Размеры виджета.
Информация об авторе.
Уникальный ID для виджета. ID состоит из трех частей: Имя сервера, имя виджета, и дата его последнего обновления в формате YYYY-MM (вы можете также использовать формат YYYY-MM-DD, если вы планируете обновлять виджет чаще чем раз в месяц).
Также опционально добавляется информация о том, с какими доменами работает виджет.

Создайте новый файл config.xml в той же директории, где вы создали до этого index.html. Вставьте туда этот код и сохраните.

Первый запуск вашего виджета.

Перетаскиваем config.xml в браузер, или открываем его в браузере. В результате мы получаем что-то типа вот этого:

Могу вас поздравить. Первый виджет готов.

Делаем лицо виджета.

В данной форме, фоновый цвет виджета – прозрачный, и для стилизации используется стиль по умолчанию. Не порядок. Неободимо придать нашему виджету свой собственный облик.
Перво-наперво вы должны добавить объявление стилей в свой index.html. В конце концов он должен у вас стать похожим на этот:

Теперь время создать файл css со стилями виджета. Создайте папку “style”, где вы будете хранить стили, а в ней, файл – “helloworld.css”. Скопируйте представленный код в этот файл.

Вы могли заметить, что в этом виджете мы используем несколько фоновых изображений. Мы должны добавить их в папку виджета. Изображения вы можете найти в этом zip файле, они находятся в папке images, скопируйте эту папку в корневую папку вашего виджета.

Все стили на своих местах, так что попробуйте запустить свой виджет еще раз, таким же образом, как и в прошлый раз. Он должен выглядить вот так:

Замечания о стилях виджета:
Старайтесь делать виджеты не для красоты, а для пользователей.

Добавляем интерактивность.

У вас сейчас есть полностью рабочий виджет, но он ничего не делает. Сейчас мы добавим кнопку настройки и закрытия виджета.

Снова откройте index.html и замените его содержание на:

Объявление скрипта, который управляет сменой состояния виджета между настройкой и собственно работой виджета.
Кнопку смены состояния виджета, и кнопку закрытия.
Оформление настройки виджета.

Теперь от вас требуется обновить файл стилей и добавить яваскрипт.
Стиль кнопок закрытия и изменения состояния.

Добавьте следующий код в helloworld.css, ниже того кода, который там был до этого. Этот код управляет отображением управляющих кнопок.

Виджет всегда должен снабжаться кнопкой закрытия.
Управляющие кнопки должны быть видны только когда мышь находится в пространстве виджета
Они должны становится видимыми с прозрачностью 0.3, когда мышь находится в пространстве виджета
Когда мышь находится в пространстве кнопки, значении прозрачности должно становится 1.0
При нажатии, управляющая кнопка должна изменять вид на нажатый.

Настало время еще раз проверить работу нашего виджета. У вас должно отобразиться что-то типа этого:

Добавления обработчика к кнопкам.

Следующим шагом будет добавления функциональности кнопки смены состояния, чтобы виджет показывал его другое состояние при нажатии в зависимости от состояния кнопкиr activated. Этот обработчик содержит немного просто JavaScript кода, и все, что вам надо – это поместить код в нужное место. Посмотрите в файл с ресурсами, из которого вы скопировали картинки, и скопируйте оттуда в корневую папку виджета helloworld.js.

В этом коде мы помещаем функции виджета в его объект или область имен. Таким образом, функция не будет переопределенна, если она уже существует. Мы советуем вам использовать глобальную область видимости как можно реже. Вторая половина кода – это функция которая запускается, при запуске виджета, и устанавливает обработчики для объектов.

Еще раз запускаем виджет, и получаем результат, как на картинке:

Упаковка виджета.

Виджеты упаковываются в обычный .zip файл, расширение которого меняется на .wgt. Все файлы, используемые вашим виджетом, должны храниться внутри этого архива.

Распространение вашего виджета

Ваш виджет уже закончен. Заключительным шагом будет упаковываение виджета и представление его другим людям. Инструкции, как опубликовать свой виджет здесь.

В этой статье мы рассмотрели создание простейшего виджета. И убедились в том, что это совсем не сложно. А также создали наш первый виджет.
П.С. Я немного сократил оригинал, а то слишком много воды переводить.

Характерной особенностью браузера Opera является возможность установки в него специальных небольших приложений - так называемых виджетов. Скачиваются они со специального сайта.

Как устанавливать виджеты для Оперы
Как обновить плагины в Опере
Как установить переводчик для Opera

Примите к сведению, что виджеты могут быть установлены только в браузер Opera, предназначенный для компьютеров. Многие из них не работают на мобильных телефонах и планшетах. Некоторые версии браузера Opera для мобильных устройств вообще не совместимы с виджетами. При этом, любой из виджетов является кроссплатформенным в том смысле, что работает независимо от того, под управлением какой из ОС работает браузер Opera: Linux или Windows. При этом, с любыми другими браузерами, кроме Opera, виджеты несовместимы.

Не скачивайте их с любых других сайтов, поскольку там они могут быть вредоносными. Помните, что виджеты для Opera на официальном сайте предлагаются только бесплатно. Не поддавайтесь на любые предложения купить такое мини-приложение.

Появится список виджетов, являющихся, по мнению авторов сайта, лучшими и рекомендуемыми. Если вас это не устраивает, выберите мини-приложение вручную. Для этого в меню, расположенном слева, нажмите на ссылку, соответствующую интересующему вас жанру. Затем в списке выберите желаемый виджет. При необходимости, переключите страницу, воспользовавшись ссылками, расположенными внизу.

Чтобы загрузить мини-приложение, нажмите на расположенную под его эмблемой кнопку с надписью «Установить». Если же нажать на саму эмблему, загрузится страница с информацией о виджете. На ней также будет иметься кнопка «Установить».

После нажатия на указанную кнопку, независимо от ее расположения, виджет загрузится автоматически. После окончания загрузки он автоматически запустится. Одновременно появится окно с вопросом «Сохранить этот виджет?» и двумя кнопками: «Да» и «Нет». Опробуйте программу, примите решение о том, нужна ли он вам, затем нажмите соответствующую кнопку. Если виджет не загружается, а проблем с доступом в интернет нет, значит, вы не прекратили операцию по опробованию предыдущего приложения.

Уже загруженные мини-приложения найдите в меню браузера под названием «Виджеты». Запуск их осуществляйте из этого меню. Если какой-либо из них вы решили удалить, воспользуйтесь пунктом того же меню «Управление виджетами».

Ранние версии Opera позволяли осуществлять расширение возможностей с помощью пользовательских стилей UserCSS и сценариев UserJS. Данные методы не получили массового распространения по причине отсутствия доступного интерфейса взаимодействия.

С помощью кнопки «Открыть» вы можете запустить любой виджет. Для перемещения любого элемента в корзину, воспользуйтесь кнопкой «Удалить». C помощью кнопки «Свойства» можно задать правила поведения рабочего окна подключаемого приложения (всегда поверх остальных окон, всегда под другими окнами, стандартно). Настройка виджетов осуществляются только с помощью встроенного в них инструментария. Закрыть подключаемое приложение вы можете только из браузера.

Запущенные виджеты отображаются на панели задач Windows. Вы можете переключаться ними, как между стандартными приложениями системы. Однако данное решение имеет и обратную сторону. При большом количестве запущенных виджетов, на панели задач не остается места для полноценных приложений.

К содержанию Analog Clock

Циферблат и стрелки постепенно уходят в прошлое, уступая место числовому обозначению времени. Дизайн Analog Clock напоминает старые наручные часы, в которых имелось окно отображения текущей даты. Щелчок левой кнопкой мыши по рабочему окну виджета переключает стиль оформления. Analog Clock содержит три стиля. По умолчанию часы имеют белый циферблат и черную окантовку. Вы можете переключиться на золотистый дизайн, а также целиком окрасить часы в черный цвет.

К содержанию BBC News Reader

Для работы с новостями RSS существует целая группа виджетов. Каждый модуль может работать с одним сервером. Наиболее ярким, популярным (согласно рейтингу официального сайта) примером данного типа виджетов служит BBC News Reader.

К содержанию Berlin Clock

Александр Сергеевич Грибоедов свое произведение «Горе от ума» начинал строкой «Гостиная, в ней большие часы». Спустя века, мы снова возвращаемся к вечной теме подсчета времени.

Для понимания механизма работы Berlin Clock необходимы ум, терпение и некоторые знания. Рабочее окно виджета состоит из четырех строк и мигающего круга.

Мигание круга отсчитывает секунды. Первая строка, состоящая из четырех сегментов, показывает временные отрезки, кратные пяти часам. Вторая строка, имеющая также четыре сегмента, имеет масштаб, равный одному часу.

Третья строка, имеющая одиннадцать сегментов, отображает пятиминутные отрезки, а последняя строка имеет минутную «шкалу» делений.

Попробуем рассчитать время, указанное на рисунке. Часы: 5x2 + 1x3 = 13, минуты 5x4 + 1x2 = 22. Итого, 13:22.

Щелчок левой кнопкой мыши по мигающему кругу открывает окно настроек виджета. Вы можете менять цветовую гамму приложения, а также масштабировать его рабочее окно.

К содержанию Bit Torrent

Opera 9 содержит инструментарий работы с файлообменной сетью Bit Torrent. Для поиска необходимой информации в сети вы можете воспользоваться одноименным виджетом.

Процедура поиска может производиться с учетом указания типов файлов, в число которых входит видео, музыка, приложения и образы. Вы можете осуществлять сортировку файлов по точности совпадения с запросом, по возрасту, потенциальной скорости загрузки, а также по размеру. Каждый пункт списка результатов поиска может быть детально изучен, если щелкнуть левой кнопкой мыши по зеленому треугольнику напротив текущего элемента. При этом отображается размер найденного файла, его имя, сайт источника, а также приблизительная скорость загрузки, отображаемая словами «быстро», «средне» и «медленно». Кроме того, напротив каждого пункта имеется зеленая ссылка, активизирующая процесс загрузки.

К содержанию Bjustb

На большинстве форумов используется форматирование BBCode. Чаще всего, движок форума позволяет использовать форматирование путем включения тех или иных функций с собственных панелей. Но что делать, если вы попали на форум, не имеющий подобного инструментария? Opera не имеет средств для ручного форматирования с использованием данного стандарта. Впрочем, специальный виджет позволяет заполнить функциональную брешь браузера.

Связь с браузером осуществляется через буфер обмена. Благодаря интеграции с основным модулем Opera, вы можете предварительно проверить орфографию набранного текста.

К содержанию Calculator

Функции карманного калькулятора реализовывались во множестве приложений. Очередь дошла до Opera, чей виджет Calculator поможет в простых математических расчетах.

Вы можете осуществлять четыре основные арифметические операции, а также извлекать корень. Допускается работа с дробными и отрицательными числами. С помощью кнопки Back можно удалять ошибочно введенные символы. Управление виджетом может осуществляться как с помощью цифрового блока клавиатуры, так и с помощью мыши. Виджет поддерживает смену тем оформления, которых по умолчанию шесть штук.

К содержанию Calendar

Виджет Calendar позволяет выделять национальные праздники многих стран. Праздничный день выделяется жирным цветом, а в нижней части рабочего окна виджета отображается описание знаменательного события.

С помощью четырех навигационных кнопок осуществляется смена месяца и года, отображающаяся в окне календаря.

К содержанию Chess

Шахматы. Древняя индийская игра была неоднократно реализована на компьютерах. Сегодня даже великие гроссмейстеры не могут соперничать с мощными программами, виртуозно просчитывающими хитроумные комбинации.

Виджет Chess позволяет сразиться в шахматы как с компьютером, так и с другим человеком. Вы можете выбрать цвет своих фигур. Для того чтобы совершить ход, необходимо щелкнуть мышью по своей фигуре, а затем указать клетку, на которую должна переместиться ваша боевая единица. На рабочем окна виджета отображается время, затраченное на последний ход компьютера. История всех ходов сохраняется в отдельном окне, вызываемом кнопкой Log.

К содержанию Free Dictionary

Орфографический словарь помогает узнать значения не совсем понятных слов, помочь в их правильном произношении, написании. Избавиться от необходимости установки дорогих программных комплексов помогают многочисленные бесплатные сервисы в Сети, в число которых входит The Free Dictionary. Одноименный виджет позволяет не загружать страницу сервиса, а получать данные путем ввода искомого слова в специальной строке ввода данных. Ссылка в нижней части рабочего окна виджета позволяет ознакомиться с полной информацией с сайта сервиса через браузер Opera.

Под рабочим окном Free Dictionary находится элемент, похожий на веревочку. Если щелкнуть по ней мышью, то рабочее окно плавно свернется, оставив вашему вниманию лишь заголовок, содержащий строку ввода слов.

Виджет не обрабатывает русские слова.

К содержанию Functions 3D

Если в функции присутствуют две переменные, то для отображения графика потребуется трехмерная модель с осями X, Y и Z. Functions 3D позволяет работать со всеми математическими операциями, а также осуществляет расчет большого количества тригонометрических функций, полный список которых опубликован на странице автора.

В строке ввода указывается формула, которая будет отображена на графике. Вы можете корректировать график, используя режимы группы Control. Rotate Camera меняет направление осей координат, осуществляя виртуальный поворот точки обзора. Режим Pan позволяет менять значения X и Y, а Shift управляет значением Z. В режиме Scale вы можете выбрать произвольные координаты и менять график в зависимости от выбранных значений.

Функция Full Render позволяет отобразить трехмерный ландшафт, основанный на указанной ранее функции. Полученный график можно передать браузеру в качестве изображения, откуда допускается сохранение данных.

К содержанию Google Toolbar

Рынок программного обеспечения знает много примеров, когда крупные компании занимаются популяризацией своих сервисов, выпуская различные дополнения для популярных браузеров. Google, будучи ориентированным на другой браузер, не занимается разработкой дополнений для Opera. Однако популярность Google заставила независимого разработчика выпустить специальный виджет, позволяющий работать со многими сервисами корпорации с использованием браузера Opera.

Работа с панелью заключается во вводе текста поискового запроса и последующего указания типа сервиса, внутри которого должен осуществляться поиск. Результаты поиска отображаются в новой вкладке браузера.

К содержанию Knowledge Mate

Наведение курсора мыши на заголовок вопроса, кратко раскрывает суть ответа в информационной панели виджета, а щелчок левой кнопкой мыши передает управление браузеру, где открывается страница, из которой были взяты данные.

К содержанию Notes

К содержанию Periodic Table

Наука сделала большой шаг вперед, после того, как Дмитрий Иванович Менделеев открыл во сне периодическую таблицу элементов. В отличие от таблицы умножения, никто не заставлял нас в школе заучивать бесконечную череду названий веществ, их свойств. По этой причине, мы вынуждены пользоваться шпаргалкой, чтобы узнать особенности какого-либо химического элемента.

Виджет Periodic Table отображает классическую Таблицу Менделеева. Если вы наведете курсор на какой-либо элемент, то в верхней части рабочего окна отобразятся некоторые его свойства. Вы можете узнать полное латинское имя вещества, его сокращение (аббревиатуру), количество атомов в молекуле, а также атомную массу.

К содержанию Text Translator

Далеко не каждый из нас является полиглотом, притом, что в Сети довольно часто встречается информация на недоступном для понимания языке. Использование словарей может быть уместно при обладании базовыми знаниями чужого языка, когда требуется узнать значения отдельных слов. Но если непонятен весь текст, приходится обращаться к полноценным переводчикам, одним из которых является виджет Text Translator.

Меню Cheat позволяет вам немного смошенничать. Вы можете подсветить красным цветом все ошибочные слова, посмотреть букву под позицией курсора, а также целиком открыть недоступное для разгадывания слово. Все результаты мошенничества отображаются зеленым цветом. Апогеем данного процесса служит пункт Puzzle, который сразу открывает весь кроссворд.

Вы можете отгадывать один и тот же кроссворд по нескольку раз, так как виджет позволяет производить повторную инициализацию. Все кроссворды состоят из английских слов. Этот же язык используется и для формулировки вопросов.

К содержанию Torus

За время существования игры Tetris, было выпущено гигантское количество модификаций. Не за горами тот час, когда поговорка, повествующая об изобретении велосипедов, канет в лету, уступив место более прогрессивной формулировке, связанной с разработкой очередного клона Tetris.

Как только кольцо замыкается, то происходит его удаление, и элементы, расположенные выше текущей строки, сдвигаются вниз. Количество позиций сдвига равно числу удаленных строк.

К содержанию Touch the Sky

Для того чтобы настроить виджет на работу в вашем регионе, необходимо в настройках латинскими буквами ввести название ближайшего крупного населенного пункта. Программа предлагает несколько вариантов, вы устанавливаете курсор на нужном пункте, тем самым активизируя настройки.

К содержанию Unit Converter

Unit Converter позволяет конвертировать различные типы величин. C помощью виджета вы можете осуществлять преобразование площадей, расстояний, систем счисления, масс, времен, частот, объемов и давлений. Каждый из типов величин содержит большое количество пунктов. Помимо эталонных значений величин, вы можете использовать значения с приставками «милли-», «кило-», «мега-» и т.д.

Рабочее окно виджета состоит из двух панелей. В каждой из них вы выбираете необходимые величины, а в левой строке вводите исходное значение. При этом по мере ввода данных, в правой строке будет автоматически подсчитываться результат. Виджет не работает в зеркальном режиме, хотя ввод данных в правую строку не возбраняется.

Для того, чтобы пользователи могли подстроить под себя браузер, сделать работу с ним более удобным, разработчики сделали возможность гибкой настройки Оперы. Целый раздел со множеством конфигураций, позволяющих сделать Оперу максимально удобной и комфортной для использования. Но не все настройки находятся на виду, некоторые из них изначально скрыты. Поэтому разберемся, как открыть дополнительные настройки Оперы.

Настройки в Opera: как открыть

Каждый более-менее активный пользователь браузера Опера знает, как открыть настройки Оперы, а если нет, то вот несколько способов, как это можно сделать:

Использовать горячие клавиши Alt + P ;
Использовать комбинацию клавиш Ctrl + F12 ;
Вбить в адресную строку Оперы: opera://settings и нажать Enter;
Ну и конечно же можно открыть настройки из меню, которые появляется при нажатии на значок Оперы в верхнем левом углу окна браузера.

При переходе на страницу настроек, пользователь увидит лишь самые используемые, те, которые производит большинство пользователей. К ним относятся: блокировка рекламы, изменение фонового рисунка и оформления, синхронизация, настройки браузера по умолчанию, настройки поиска и стартовой страницы.

Раздел «Дополнительные настройки» в Опере

Но вот ряд точечных настроек скрыт от глаз пользователя.

Чтобы открыть раздел дополнительных настроек в Опере следует сделать следующее:

Зайти в стандартные настройки одни из способов, указанных вначале статьи;
Прокрутить страницу настроек в самый низ;
Там расположена кнопка «Дополнительно», которая и отвечает за вывод дополнительных настроек Opera.

И вот тут уже становятся доступными более гибкие конфигурации. Перечислять и описывать все достаточно долго. С некоторыми из них можно ознакомиться в статье «Настройка Оперы».

Читайте также: