[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Создаем гаджет для Windows 7
frag1kДата: Понедельник, 20.06.2011, 18:11 | Сообщение # 1


Сообщений: 42
Достижения:
За создание сайта За безупречную репутацию За 10 сообщений
Награды: 5
Репутация: 100
Статус: Offline
Всем здравствуйте! Сегодня я расскажу вам как создавать гаджет для Windows 7. Да - да Вы не ослышались! Мы будем с нуля создавать свой гаджет для Вин7!
Хочу сказать, что эту статью я написал уже довольно давно, для одного конкурса, на форуме веб-мастеров. Поэтому сильно изменять код не буду

Что нам для этого потребуется:

-windows se7en (Желательно. Чтобы была возможность проверить работу гаджета)
-Знание HTMl. (новички, с минимальными знаниями вполне подходят!)
-Руки (2 обязательно!)


Начну, пожалуй, с отступления! Сначала мы сделаем гаджет, а потом займемся распространением. О распространении я писать много не буду. К счастью, есть очень много разных «варез-порталов», где вы с легкостью можете разместить свой гаджет на скачку.
Приступим к созданию!
Для начала нажмите win+r и введите %userprofile%\appdata\local\microsoft\windows sidebar\gadgets.



Как видите мы вошли в папку с Вашими, установленными, гаджетами. Создаем новую папку. ОБЯЗАТЕЛЬНО английскими буквами и в конце названия папки пишем «.gadget»
Гаджет как не странно, это обычная страничка .html. Поэтому создаем в папке с будущим гаджетом два файла gadget.xml и index.html (.xml должен иметь название только gadget.xml, а .html файлу можно приписать любое название) Так же в папку желательно закинуть изображение icon.png.

Давайте, перед тем как начать писать код, разберемся, что из себя будет представлять данный гаджет?
Это будет небольшое окно, в котором пользователь будет видеть баннеры и описание к ним с кнопочкой «регистрация». Вот конечный результат, сделан с моими минимальными знаниями фотошопа… (Вы же можете сделать очень красивый гаджет с отличной функциональностью)

Теперь разберемся, что из себя представляют эти файлы. gadget.xml – это MANIFEST. В нем содержится описание гаджета.
index.html – сама страничка гаджета.

Для начала напишем gadget.xml.
Это примерный код. Я писал для своего гаджета (скрин выше). То что вы пишете, можете увидеть вот здесь :


Code
<?xml version="1.0" encoding="utf-8"?>
<gadget>
  <name>GamesReview</name>
  <namespace>GamesReview</namespace>
  <version>1.0</version>
  <author name="FRag1k">
   <info url="http://fucktualno.do.am/" text="Сайт"/>
   <logo src="logo.png"/>
  </author>
  <copyright>© 2009-2010</copyright>
  <description>Обзоры новейших онлайн-игр</description>
  <icons>
   <icon height="64" width="64" src=icon.png"/>
  </icons>
  <hosts>
   <host name="sidebar">
    <base type="HTML" apiVersion="1.0.0.0" src="index.html"/>
    <permissions>Full</permissions>
    <platform minPlatformVersion="1.0"/>
    <defaultImage src="drag.png"/>
   </host>
  </hosts>
</gadget>


Описывать не буду.. думаю здесь и так все логично понятно.
 
frag1kДата: Понедельник, 20.06.2011, 18:12 | Сообщение # 2


Сообщений: 42
Достижения:
За создание сайта За безупречную репутацию За 10 сообщений
Награды: 5
Репутация: 100
Статус: Offline
Дальше будем писать index.html. Мой код:

Code
<html>
<head>
<style type="text/css">
body   
     
{
   width:200px; //указываем ширину окна
   height:400px; //указываем высоту окна
     
   color:red; //указываем цвет текста
}
</style>
     
<head>
<script type="text/javascript">
     
function r_out01(){
    var b=[];
    b[0]='Игра!';
    b[1]='Игра2';
   var i=Math.floor(Math.random()*b.length);
    document.write( b[i] );
}
     
</script> //это был скрипт для случайного вывода информации, которая написаная после b[0], b[1]. К слову, этих элементов может быть много. Просто допишите после b[1], b[2] b[3] и так далее. В этот код  Вы должны вписать информацию, которая будет выводиться.
     
<body>   
     
     
<g:background id="background" src="back.png" style="position: absolute; z-index: -1; left: 0; top: 0; width: 200px; height: 400px;"/> //фон гаджета
<br/><br/><br/>
<center><script>r_out01()</script></center>//этот код отвечает за вывод случайного текста записного в скрипт, который мы разбирали выше.
<br/><br/><br/><br/><br/>
     
<a href="#" onclick="javascript:document.location.reload();">Дальше</a> // кнопочка для обновления страницы.
</body>
</html>


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

Как видите все не очень сложно…
Теперь дело за Вами. Сделайте красивые картинки, придумайте завлекающее описание. И распространяйте свой гаджет!
Распространять, как я уже говорил можно где угодно! (спасибо варез-сайтам =)))

Удачи В создании гаджета!
Если будут вопросы, пишите, по возможности помогу happy

frag1k
 
SkyrimДата: Вторник, 21.06.2011, 16:52 | Сообщение # 3


Про-флудер
Сообщений: 30
Достижения:
За безупречную репутацию За 10 сообщений
Награды: 3
Репутация: 47
Статус: Offline
Всё это понятно,но вот как например создать гаджет радио ил онлайн тв?у меня есть такой но он меня не вполне устраивает,хотелось бы добавить к нему функций,запись например и убрать большенство ненужных мне радиостанций и тв?
Ну и скин самому замутить.Как такое возможно?




 
frag1kДата: Вторник, 21.06.2011, 18:39 | Сообщение # 4


Сообщений: 42
Достижения:
За создание сайта За безупречную репутацию За 10 сообщений
Награды: 5
Репутация: 100
Статус: Offline
Ну, что бы написать гаджет самому, нужно хотя бы минимальное знание HTML

Skyrim, скинь мне этот гаджет. Попробую, разберу его. Потом еще одну, более подробную статейку напишу по этому поводу!
 
SkyrimДата: Суббота, 25.06.2011, 11:31 | Сообщение # 5


Про-флудер
Сообщений: 30
Достижения:
За безупречную репутацию За 10 сообщений
Награды: 3
Репутация: 47
Статус: Offline
Вот гаджет который я юзаю,он переодически обновляется.http://zzoom.org/gadget/1453-muz-onlajn-tele-video-pleer.html



 
frag1kДата: Суббота, 25.06.2011, 14:59 | Сообщение # 6


Сообщений: 42
Достижения:
За создание сайта За безупречную репутацию За 10 сообщений
Награды: 5
Репутация: 100
Статус: Offline
Блин.. там JavaScript'ов много. Я вообще не шарю в нем. Попробую конечно что-то сделать.
 
SkyrimДата: Среда, 29.06.2011, 19:47 | Сообщение # 7


Про-флудер
Сообщений: 30
Достижения:
За безупречную репутацию За 10 сообщений
Награды: 3
Репутация: 47
Статус: Offline
Да не парься!меня он и так устраивает,просто раздражает долго прокручивать весь список)))



 
frag1kДата: Пятница, 01.07.2011, 12:19 | Сообщение # 8


Сообщений: 42
Достижения:
За создание сайта За безупречную репутацию За 10 сообщений
Награды: 5
Репутация: 100
Статус: Offline
К сожалению, я ничего не могу сделать т.к. JavaScript пока не пытался освоить, да и в ближайшем будущем не планирую.
 
frag1kДата: Пятница, 01.07.2011, 12:25 | Сообщение # 9


Сообщений: 42
Достижения:
За создание сайта За безупречную репутацию За 10 сообщений
Награды: 5
Репутация: 100
Статус: Offline
По поводу станций, Макс, открываешь файл gadget.html крутишь почти в самый низ до этого момента.
Ссылка

И там уже перемещать, изменяешь как душе угодно.
 
SkyrimДата: Суббота, 02.07.2011, 16:26 | Сообщение # 10


Про-флудер
Сообщений: 30
Достижения:
За безупречную репутацию За 10 сообщений
Награды: 3
Репутация: 47
Статус: Offline
ссыла не открывается(((



 
frag1kДата: Суббота, 02.07.2011, 18:08 | Сообщение # 11


Сообщений: 42
Достижения:
За создание сайта За безупречную репутацию За 10 сообщений
Награды: 5
Репутация: 100
Статус: Offline
Сори, протупил. По клику увеличивается!
 
KENNYДата: Понедельник, 09.01.2012, 04:40 | Сообщение # 12


Новичок
Сообщений: 1
Достижения:
Награды: 0
Репутация: 0
Статус: Offline
у меня есть вопрос как можно в плеер добавить бегунок громкости помогите пожалуйста напишите код он должен быть маленьким так как маленький плеер
 
RoksolanaДата: Суббота, 26.01.2013, 15:41 | Сообщение # 13


Новичок
Сообщений: 1
Достижения:
Награды: 0
Репутация: 0
Статус: Offline
Здравствуйте.Извините за беспокойство.Я не особо разбираюсь в ОС и в кодах.Мне нужен создатель гаджета.Я не люблю сидеть в контакте,но все же сижу,так как мне необходима музыка.Можно её всю скачать и слушать на компе.Именно по этому,я хочу создать гаджет на свой рабочий стол.Скажите,можно ли создать  такой гаджет,что с меня требуеться нажать на кнопку проигровать,и оно само будет проигровать.И еще кое что не мало важное,что бы в гаджет можно было добавлять музыку.И что бы ему не нужен был интернет.Глупо описала,но я попыталась.Жду ответа.Заранее спасибо!
 
  • Страница 1 из 1
  • 1
Поиск: