2008 Май | Окно в мир дизайна и компьютерной графики
На правах рекламы:

firefox Создаем свой поисковый плагин для Mozilla Firefox

Эта статья будет больше интересна программистам, веб разработчикам или владельцем сайтов. Наверное многие гуляя по интернету натыкались на сайт, например с бесплатной музыкой(MP3) и там вам предлагалось установиться для своего браузера(в этом случае у нас Mozilla Firefox) маленькое расширение, которое будет являться поисковой службой:

mozilla firefox Создаем свой поисковый плагин для Mozilla Firefox

Когда я первый раз увидел эту вещь меня очень заинтересовало, как же она сделана и я тоже хотел сделать наподобие этого. Но после моих поисков в интернете документации для разработчиков под браузер MOzilla Firefox, ничего не найдя я все это забросил. И только сейчас я немного изучил некоторые языки программирования, которые помогли мне все это понять. Самое главное плагин (аддон) пишется на языке XML.
1. Создайте файл XML
2. Добавьте в него следующий код:

<?xml version=”1.0″ encoding=”UTF-8″ standalone=”yes”?>
<ns3:SearchPlugin xmlns:ns2=”http://a9.com/-/spec/opensearch/1.1/” xmlns:ns3=”http://www.mozilla.org/2006/browser/search/”>
<ns2:ShortName>Поиск mp3 музыки по сайту musicmp3.spb.ru</ns2:ShortName>
<ns2:Description></ns2:Description>
<ns2:InputEncoding>WINDOWS-1251</ns2:InputEncoding>
<UpdateInterval>7</UpdateInterval>
<UpdateUrl></UpdateUrl>
<IconUpdateUrl></IconUpdateUrl>
<SearchForm></SearchForm>
<ns2:Url type=”text/html” template=”http://musicmp3.spb.ru/search/?Content={searchTerms}&category=1″/>
<ns2:Developer>FlashRipper</ns2:Developer>
<ns2:Attribution></ns2:Attribution>
<ns2:Contact></ns2:Contact>
</ns3:SearchPlugin>

3. Теперь разберем в подробностях, что здесь написано:
3. 1:
<ns2:ShortName>Поиск mp3 музыки по сайту musicmp3.spb.ru</ns2:ShortName> – указывает название, которое будет выводиться в поле, когда в нем нет сторонних символов(тоесть введенного в него запроса). Здесь можно указать, все что вам вздумается, для своего блога я писал вот это:
<ns2:ShortName>Поиск по блогу Все для Веб мастера (http://flashripper.net)</ns2:ShortName>
3.2:
<ns2:InputEncoding>WINDOWS-1251</ns2:InputEncoding>
Здесь указывается кодировка, в которой работает сайт, по которому будет осуществляться поиск. Для блогов на движке WordPress нужно указать кодировку UTF-8
<ns2:InputEncoding>UTF-8</ns2:InputEncoding>
3.3:
Эта часть самая интересная, она отвечает за сам поиск:
<ns2:Url type=”text/html” template=”http://musicmp3.spb.ru/search/?Content={searchTerms}&category=1″/>
На сайте musicmp3.spb.ru сам поисковый запрос выглядит так:

http://musicmp3.spb.ru/search/?Content=Ваш_запрос&category=1

где category отвечает за номер категории по которой будет производиться поиск. {searchTerms} – это ваш запрос, который вы ввдете в поисковую форму аддона(поискового расширения). В языке xml нельзя добавить к вашему запросу категорию с помощью символа & место него нужно использовать &
Про сайт пример рассмотрели, теперь рассмотрим пример для блога.
У WordPress’а по умолчанию поисковый запрос выглядит таким образом:

http://yoursite.com/?s=ваш_запрос

И что нам мешает подставить место ваш_запрос {searchTerms}
И получиться тогда у нас, такая строчка
<ns2:Url type=”text/html” template=”http://flashripper.net/?s={searchTerms}”/>
3.4:
<ns2:Developer>FlashRipper</ns2:Developer>
Здесь можно указать ваш ник или имя разработчика.

Самые главные аспекты создания мы рассмотрели/ Расширение нужно положить в папку:
C:\Documents and Settings\Your USER\Application Data\Mozilla\Firefox\Profiles\YOUК PROFILE\searchplugins\

Скачать пример(настроен под блог для WordPress)

Нажмите правую кнопку мыши>>Сохранить ссылку как…>>И сохраняйте файл к себе на компьютер

1211542641 1211443155 1211218309 flashrippernet Иконки на спортивную тему

В продолжении темы иконок на спортивную тематику. Иконки в форматах .png и .ico с разрешением: 16×16 и 256×256
Размер архива:2,08мб

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

2 498x500 Обзор одного из самых красивых flash сайтов, которые я видел

Давно не писал обзоры сайтов, обленился сильно я. Но вот взял себя в руки и решил все таки пройтись по интернету и найти какой нибудь сайтик, о котором можно было написать мини обзор. И у меня это удалось. В этом обзоре речь пойдет о сайте дизайн студии г. Екатеренбурга (SAIZEN MEDIA STUDIOS), которая занимается разработкой сайтов. Зайдя на их сайт я увидел стандартную почти для всех Flash сайтов заставку с выбором качества графики: Low и High. Я вам конечно же рекомендую открыть сайт с качеством: High, ведь такой сайт можно увидеть “один раз” в интернете :-). Музыка на сайте очень приятная, не режет слух, так сказать повседневная жизнь маленькой деревни.

1 500x274 Обзор одного из самых красивых flash сайтов, которые я видел

Кролик, который находиться справа очень сильно похож на живого и цепленки которые находятся справа тоже выглядят очень естественно. Дизайн самого сайта очень красив, если например нажать на кнопку: About у вас на глазах вырастит дерево. Полазайте по ссылкам и вы много чего увидите интересного. Рекомендую всем любителям Flash и красивых сайтов, посетить этот сайт просто ради интереса! Для просмотра этого сайта у вас должен стоять Flash плейер, который можно загрузить с сайта www.adobe.com
Перейти на главную страницу SAIZEN MEDIA STUDIOS

saturday psd file by manicho flashrippernet PSD Исходник для Adobe Photoshop: Saturday

Хороший .psd исходник для Adobe Photoshop. Красивый вид Парижской Эфелевой башни, вот что значит умение использовать кисточки и картинку самой эфелевой башни.
Автор .psd Исходника: manicho
Размер архива: 3.20mb

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

b9c7b2fb8055 flashrippernet Обои на рабочий стол: Black 20 Wallpapers

Обои на рабочий стол в темном стиле
Разрешение: 1280 Х 1024
Колличество: 20 шт.
Формат: jpg
Размер: 2.3 MB

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

boxes vista like   os by tpdkcasimir flashrippernet Иконки коробок в стиле Windows Vista

Очередной набор иконки в стиле Windows Vista. В этом наборе, иконки сделаны в виде коробок от различных программ, начиная от самой Windows Vist’ой, и заканчивая Windows XP. Хороший пак иконок, советую всем скачать, может пригодиться.
Все иконки в форматах .png и .ico, с разрешением 256×256. Всего в архиве 26 иконок(с диском приложенном к коробке и без него).
Автор этих красивых иконок: TPDK
Размер архива: 3.4mb

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

dvd case art   psd file by manicho flashrippernet PSD Исходник для ADobe Photoshop: DVD Case Template

Очередной .psd исходник DVD коробки для Adobe Photoshop. С помощью этого исходника, вы запросто сможете сделать свою DVD коробку, например: для своей программы и.т.д
Автор исходника: manicho
Размер архива: 2.7mb

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

1211851971 dvdbox flashrippernet PSD исходник для Adobe Photoshop: DVD Plastic Case

Отличный PSD-исходник DVD-коробки для Adobe Photoshop.
Автор исходника: Shiranui
Размер архива: 2,3 Мб

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

1211033052 1 flashrippernet Очередные иконки в стиле Windows Vista: 6 Web Vista Icons

Как можно догадаться из названия записи, это очередной набор иконок сделанных так сказать в стиле новой операционной системы Windows Vista от компании Microsoft. Все иконки в формате .png с разрешением 512×512 px.

Название этого набора иконок: 6 Web Vista Icons
Количество иконок в архиве: 6
Размер файла: 691 kb

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

quicktime Урок по Adobe Photoshop: Логотип QuickTime

В этом уроке по Adobe Photoshop му будем рисовать логотип известного плеера QuickTime от компании Apple. Если вас заинтересовало название урока и хотите попробывать нарисовать этот логотип, то читайте урок целиком.

Дальше »