Как сделать гаджет для Windows 7?

БУМЗ Как

В директории C:\Program Files\Windows Sidebar\Gadgets создадим папку с любым названием, но допишем .Gadget. К примеру я создам папку radio (будем делать трансляцию Зайцев ФМ на рабочем столе) и допишу .Gadget:

Теперь заходим в эту папку и создаем ещё одну папку Ru-ru. Вот честно не знаю зачем, но по стандартам вроде необходимо. Создали папку Ru-ru? Открываем блокнот и начинаем писать gadget.xml

Вот пример моего файла манифеста, в нем мы опишем дату, версию гаджета, автора..

<?xml version="1.0" encoding="utf-8"?>

<name>online radio ZaycevFM / sidebar</name>

<namespace>RADIO NA Rabo4iy CTo/|</namespace>

</author>

<copyright>zaycevFM station</copyright>

<icons>

</icons>

<hosts>

<base type="html" src="radio.html"/>

</host>

</hosts>

</gadget>

Вообще, описания и имена можно писать на кириллице - у меня почему то на моей Win7 не получилось. Все ругалось на русские символы. Менять можно в gadget.xml поля:

<name> - имя нашего гаджета, пробуйте на русском - выдаст ошибку, перепишите в транслите
<namespace> - изменить можно
<version> - хоть 0.0.7
<author name= - и в кавычках ваше имя
<logo src= - путь к логотипу гаджета, если поставите - скопируйте изображение в папку Ru-ru или в radio.Gadget
<copyright> - авторские права. Если радио ЗайцевФМ не ставьте свои копирайты!
<description> - описание гаджета, в нашем случае радио

Оформив данный текст, нажмем на файл - сохранить как... - gadget.xml. Тип файла - все файлы (не txt)

Заново открываем блокнот и пишем код нашей станции:

<html>

<head>

body

{

margin: 0px;

width: 350px;

height: 180px;

}

img

{

position: absolute;

}

.btn

{

border:.1px solid;

scrollbar-face-color:white;

position: absolute;

color: black;

font-family: Segoe UI;

font-size: 11px;

font-weight: bold;

font-stretch: narrower;

left:70px;

top:76px;

height:19;

}

</style>

</head>

<body>

<div>

<object style="display: block; margin-left: auto; margin-right: auto;" classid="clsid:6bf52a52-394a-11d3-b153-00c04f79faa6" width="350" height="180">

<param name="volume" value="360" />

<param name="url" value="http://www.zaycev.fm:9001/ZaycevFM(128)" />

</object></div>

</body>

</html>

Обязательно укажите размер гаджета в width: 350px;height: 180px; по своему вкусу. Изменили размер самого гаджета - поменяйте теперь размер плеера. В тегах <div> и </div> Можно вставить все что угодно. Я вставил код радиостанции.

Сохраним как radio.html

Теперь нужно проверить работу гаджета, заходим в ГАДЖЕТЫ РАБОЧЕГО СТОЛА и смотрим:

Появилась иконка с именем radio. Нажимаем добавить и наше онлайн радио появляется на рабочем столе.

Здесь главное знать html, так как почти все в таких гаджетах используется на iframe и object, мы же просто выводим этот html-файл на рабочий стол. Более сложные гаджеты требуют подключение js, правильных css-стилей и т.д для оформления интерфейса.

Хочешь тоже написать статью? Становись автором. Пиши обо всем!

Комментариев (21)

Читай также (интересно!):

Не забудь поделиться этим постом!

КОММЕНТАРИИ VK:

Регистрация на сайте позволит Вам самим писать истории или инструкции, чтобы помогать другим полезной информацией. Также комментировать и оценивать статьи других. Welcome!

Илья (5 марта 2012 08:54)

у меня не получается создать xml для гаджета, прошу о помощи

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

vadimts777 (5 марта 2012 09:16)

Цитата: Илья

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

если уже есть html с кодом станции, пропишите тут

<?xml version="1.0" encoding="utf-8"?>
<gadget>

<name>online radio ZaycevFM / sidebar</name>

<namespace>RADIO NA Rabo4iy CTo/|</namespace>

<version>1.0.0.0</version>

<author name="VadimTS - www.boomz.ru">

<info url="http://boomz.ru/" text="BOOMZ!!!"/>

<logo src="logo.png"/>

</author>

<copyright>zaycevFM station</copyright>

<description>PAD</description>

<icons>

<icon height="48" width="48" src="icon.png"/>

</icons>

<hosts>

<host name="sidebar">

<autoscaleDPI>true</autoscaleDPI>

<base type="html" src="ССЫЛКА НА РАДИО.html"/>

<permissions>full</permissions>

<platform minPlatformVersion="1.0"/>

<defaultImage src="drag.png"/>

</host>

</hosts>

</gadget>

Остальные можно не изменять. Сохранить не как TXT, а как XML.
В этой же папке должен быть html файл с кодом радио типа, <object>..

Arinaya (20 апреля 2012 17:36)

А кто знает, почему у меня вокруг фона гаджета появляется белая рамка, хотя картинка в PNG(нормальный слой с прозрачным фоном) ?

vadimts777 (21 апреля 2012 07:22)

Arinaya,
лучше всего написать сам код сюда и уже потом я пойму в чем дело

Arinaya (3 мая 2012 18:49)

Спасибо, разобрался._____________________________________________________________________
________________________

Sleam (11 мая 2012 11:40)

Делаю все по инструкции, гаджет не появляется в списке доступных.

vadimts777 (11 мая 2012 14:41)

Sleam,
Точно находится в C:\Program Files\Windows Sidebar\Gadgets? После названия папки стоит точка и написано Gadget? Например - RSSFeeds.Gadget
Если xml+html к нему прописанный создан в этой папке, то должно заработать.

Sleam (11 мая 2012 17:33)

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

vadimts777 (11 мая 2012 19:11)

Цитата: Sleam

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

могу посоветовать только найти swf-файл и вставить с нужными размерами в html гаджета.

djason (1 октября 2012 06:31)

Создал гаджет на основе swf файла фон в flash поставил прозрачный но получаеться вот так http://img-fotki.yandex.ru/get/6403/129058359.0/0_7c2f4_5bab510e_-1-L.jpg , как видно края гаджета обводиться розовым, что поменять надо в gadget.html файле какой код вставить, что бы розовая обводка исчезла вокруг часов? За ранее благодарен! Очень интересный сайт, добавил в закладки! Вот код файла gadget.html
<html>
<head>
<title>Fox</title>
<style type="text/css">
body
{ margin:0px;
width:250px; height:250px;
}
</style>
</head>
</body>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash
.cab#version=8,0,0,0" width="250" height="250">
<param name="wmode" value="transparent" /> ///прозрачность
<param name="movie" value="flash/fox.swf"/>
</object>
</g:image scr="flash/fox.swf">
<g:background id="background"
style="position:absolute;z-index:0;top:0;left:0;"
opacity="100000"></g:background>
</g:background>
</object>
</body>
</html>

vadimts777 (1 октября 2012 18:22)

Цитата: djason

Думаю все же проблема в swf, потому что в html-коде проблем нет.
Либо из-за версии флеш-плеера (.cab#version=8,0,0,0)

djason (3 октября 2012 04:21)

А какую версию надо ставить в коде? Я хоть и решил проблему с помошью всавки круглого фона чуть больше часов и с таким же цветом что бы не было его заметно но хотелось бы разобраться и решить проблему без применения круглого фона так как в будущем есть другие задумки...

Щас попробывал поменять на версию плеера что установлен #version=11.4.402.278 удалил фон на время но проблема осталась!

vadimts777 (3 октября 2012 18:36)

Цитата: djason

Разбираюсь в html/xml/php, и не думаю чтобы что-то из этих смогло придавать розовый контур swf гаджету..
В swf не разбираюсь, возможно смогут помочь на форумах (изменить кач-во с самой программе Flash CS4, например).
GO: http://www.flasher.ru/forum/ & http://web-silver.ru/forum/tehnologii-flash/
И еще есть предположение, что края такие только у тебя. Попробуй скинуть кому-то и попросить скрин. Можно

МНЕ

djason (5 октября 2012 02:42)

Отправил, удалите фон ClockIcon по пути C:\Program Files\Windows Sidebar\Shared Gadgets\DJASON.gadget\images и посмотрите будет ли у вас данная проблема?

vadimts777 (5 октября 2012 15:13)

djason, удалил картинку ClockIcon и получилось ТАК: http://s019.radikal.ru/i603/1210/2d/23ced8205482.png
После решил удалить картинку background (ClockIcon восстановил), и получилось так: http://s017.radikal.ru/i413/1210/8a/673857b9acf3.png, то есть без background получается черный фон и справа немного розового.
При установки оригинала гаджет такой: http://i077.radikal.ru/1210/bb/50cfe4d61564.png
В общем-то все нормально.
К слову, ОС Windows 7, 32 бита, разрешение монитора 1368*760, видеокарта Nvidia 9600 GT.

Метаданные страницы

Рейтинг:

File /engine/70-10.php not found. из 100 голосов. Рейтинг построен на основе File /engine/55-333.php not found. голосов File /engine/55-333.php not found. пользователей.

Дата публикации: 20-12-2011, 09:12

Анонс статьи интернет-журнала БУМЗ:

{boomztext limit="77"}....

Постоянная ссылка на статью:

Логин / регистрация

Популярное:

Ссылки:

Статьи обо всем для всех