Chepurnoff

Mobile image to tag

chepurnoff — Sun, 19 Dec 2010 10:43:52 GMT

Программа для вставки в MP3 файлы картинок и обложек диска, с загрузкой картинок из интернета (google), ну и редактирования других тэгов попутно)

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

Название думал долго и решил вот так вот.

И так что и как программа делает.
Кнопкой "Открыть папку" открываем папку с музыкой, загружается список mp3 из этой папки, отмечаете нужный файл. По двойному щелчку, или кнопки плей музыка начнет таки играть)
Загрузятся тэги в свои поля, если конечно тэги вообще есть.
Кнопкой с двойной зеленой стрелочкой можно перевести тэг через транслит на русский язык.
Кнопкой с земным шаром начнется поиск картинок в гугле, запросом будет тот тэг над которым кнопка была нажата. Так как делалось все для портативных устройств, то и картинки загружаются небольшие совсем.
Кнопкой с листами бумаги вставляем в тэг имя файла.

Последним полем стоит имя файла, кнопки с ним работают немного по-другому, ну я думаю все понятно.

Когда загрузились рисунки, выбираем тот который в тему и два раза щелкаем по нему, все картинка в файле.

Еще кнопочка с цепью на плеере переводит программу в эдакий портативный вид.

Скачать программу для вставки картинок обложек в mp3 файл тэг

Всплывающее окно на javascript с html-содержимым

chepurnoff — Sun, 12 Dec 2010 11:27:15 GMT

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

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

И так вот сам вид этого javascript окна

И как всегда Internet Explorer со своим багом с прозрачностью в файлах png портил всю картину. На IE я давно забил, в большинстве случаев делаю только поверхностную адаптацию и все. Просто воротит от того что я должен дорабатывать недоработки такой казалось бы серьезной конторы как Microsoft. И опять так как IE не поддерживает фиксированную позицию элементов, при прокручивании документа окошко будет дергаться. Ну да ладно, вот как выглядит все это в IE 8

Не очень привлекательно, но сойдет. Те кто сидят через Internet Explorer пусть привыкают)

Как уже было сказано, в окне можно использовать html-код, любой сложности. Главное соблюдать грамматику javascript.
Вот вид окна с html-кодом

Тоже самое в IE

Есть одно ограничение: окно растягивается только по вертикали, по горизонтали ограничение в 500 точек.
Окно закрывается по кнопке, та что внизу справа, или просто если щелкнуть мимо окна.

И так сама установка всплывающего окна на сайты системы ucoz.

Создаем глобальный блок, вставляем в него код из архива и помещаем этот глобальный блок на все страницы, где соответственно вы задумали появление этого окна.
Также создаем в файловом менеджере папку "ajaxtab" и загружаем туда все картинки из архива ниже.

Все установка заверншена, теперь разберемся с вызовом окна. Вызов происходит по javascript функции showA('Заголовок окна', 'Содержимое').
Например вот такая ссылка будет вызывать окно:

Ссылка

Сам архив, с инструкцией внутри. И снова если вы используете это окно на своем сайте, не забывайте размещать ссылку на этот сайт, она обязательна. Скачать архив

Новый стильный вид ajax окна на сайтах системы ucoz

chepurnoff — Sat, 11 Dec 2010 17:49:18 GMT
Наверное многим администраторам сайтов созданных в системе укоз не подходило или не нравилось стандартное оформление ajax-окна системы. А тем кто более-менее разобрался с редактированием дизайна и уже создал для своего родного сайта что-то не похожее на другие, разумеется хочет чтобы и стандартные элементы системы выглядели не как у всех.

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

Редактируем стили ajax-окна системы ucoz
Стили окна прячуся не в файле прикрепленном к сайту, а в стандартном для всех файле стиля и редактировать его нельзя. А нам и не надо, мы просто вставим свои стили на теже самые элементы и поставим их в коде страницы после объявления стандартного файла стилей, и браузер подменит стандартный стиль на наш.

Для практически полного редактирования нам понадобятся классы: xw-hdr, xw-hdr-text, xw-sps, xw-tsps, xw-tc, xw-tl, xw-tr, xw-bc, xw-bcm, xw-footer, xw-bl, xw-br, xw-mc, xw-ml, xw-mr, xw-icon, xw-body, xw-draggable, xw-hdr-text, xw-plain, xw-body, xw-blank и классы x-sh

Немало, можно и запутаться, но это только кажется на самом деле названия классов можно легко расшифровать для наглядности.
XW - означает X-Windows - интерфейс окна, а приставки br (bottom right) ml (middle left) и тд означают положение элемента в окне.

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

Теперь когда мы знаем какие классы отвечают за свой элемент ajax-окна ucoz можем смело их редактировать и получить самые неожиданные результаты.

Мой стиль ajax-окна системы ucoz

Свой стиль я сделал в строгом белом виде, уже ставшим неким стандартом среди девелоперов на javascript и java, а также дизайнеров сайтов WEB 2.0

Добавив в конец каждой страницы вот тот код, вы получите тот самый вид. Для тех кто решит использовать этот вид, или будет распространять его: ссылка на сайт chepurnoff.ru обязатела!
Code
.xw-hdr{white-space:nowrap;padding:0px 0 0 0;padding-top:23px;white-space:nowrap;zoom:1;max-height:46px;}
  .xw-hdr-text{vertical-align:3px;cursor:default;color:#000;font:bold 13px tahoma,arial,verdana,sans-serif;line-height:20px;}
  .xw-sps {height:4px;overflow:hidden;position:absolute;width:100%;z-index:1}
  .xw-tsps{height:6px}

  .xw-tc{background:transparent url('http://sensorgame.ru/ajwnd/ctop.png') repeat-x 0 0;overflow:hidden;zoom:1;position:relative;font-size:0;line-height:0;}
  .xw-tl{background:transparent url('http://sensorgame.ru/ajwnd/ltop.png') no-repeat 0 0;padding-left:37px;position:relative;zoom:1}
  .xw-tr{background:transparent url('http://sensorgame.ru/ajwnd/rtop.png') no-repeat right 0;padding-right:48px;position:relative;zoom:1}
  .xw-bc{background:transparent url('http://sensorgame.ru/ajwnd/cbot.png') repeat-x 0 bottom;zoom:1;font-size:0;line-height:0;overflow:hidden;}
  .xw-bcm{height:2px;background:#009900;zoom:1}
  .xw-bc .xw-footer{padding-bottom:55px;font-size:0;line-height:0;zoom:1;}
  .xw-bcm .xw-footer{padding-bottom:2px;font-size:0;line-height:0;zoom:1;}
  .xw-bl{background:transparent url('http://sensorgame.ru/ajwnd/lbot.png') no-repeat 0 bottom;padding-left:37px;zoom:1;}
  .xw-br{background:transparent url('http://sensorgame.ru/ajwnd/rbot.png') no-repeat right bottom;padding-right:48px;zoom:1;}
  .xw-mc{border:1px solid #99bbe8;padding:0;margin:0;font:normal 11px tahoma,arial,helvetica,sans-serif;background:#CAD9EC;zoom:1;}
  .xw-ml{background:transparent url('http://sensorgame.ru/ajwnd/clef.png') repeat-y 0 0;padding-left:37px;zoom:1;}
  .xw-mr{background:transparent url('http://sensorgame.ru/ajwnd/crig.png') repeat-y right 0;padding-right:48px;zoom:1;}
  .xw-bc {height:47px;}
  .xw-icon{width:16px;margin:2px 2px 0 0;height:16px;}
  .xw-body{background:transparent}
  .xw-draggable,.xw-draggable .xw-hdr-text{cursor:move;}
  .xw-plain .xw-mc{background:#fff;border-right:0px solid #DFE8F6;border-bottom:0px solid #DFE8F6;border-top:0px solid #a3bae9;border-left:0px solid #a3bae9;}
  .xw-plain .xw-body{padding:3px;border-left:0px solid #DFE8F6;border-top:0px solid #DFE8F6;border-bottom:0px solid #a3bae9;border-right:0px solid #a3bae9;background:transparent !important;}
  .xw-blank {background:transparent;opacity:0.9;filter:Alpha(Opacity='90');overflow:hidden}
  .x-sh .xstl{padding-top:0px;background:transparent;}
.x-sh .xsml{background:transparent;}
.x-sh .xstr{padding-top:0px;background:transparent;}
.x-sh .xsmr{background:transparent;}
.x-sh .xsbl{padding-left:0px;background:transparent;}
.x-sh .xsbc{background:transparent;}
.x-sh .xsbr{padding-right:0px;background:transparent;}
  .xt{position:relative;overflow:hidden;width:22px;height:22px;float:right;cursor:pointer;background:transparent url('http://sensorgame.ru/ajwnd/bkl.png') no-repeat;margin-left:2px;margin-top:2px;}

  .xt-close{background-position:0 0;}
.xt-close-over{background-position:0 0;}

eBay заговорил на русском

chepurnoff — Tue, 01 Jun 2010 21:42:43 GMT

В начале года в Россию приезжала дтлегация из компании eBay Inc по вопросу локализации популярного интернет-аукциона. И вот уже доступна русская версия сайта.

Да,да на брав в адресной строке http://ebay.ru вы попадете на русскоязычную версию eBay. Рассмотрим таки этот сайт подробнее.

В справочном разделе предоставляется компактное пояснение принцыпов работы: что такое Ebay, как работает, как найти или выставить товар на аукцион, и тп. При этом за более глубокой информацией ссылки ведут в английскую справочную систему, так что технология покупки и регистрация кредитной карты в системе PayPal попрежнему новичку придется переводить в гугле (или где там?).

С навигацией и поиском товаров дела обстоят примерно также. На главной странице видим меню категорий все на русском, а вот подкатегории снова предлагают выбрать на одном из нерускоязычных версий eBay. Вообще навигация и поиск разбиты по зонам: Европа, США, Англия, Германия, франция, Испания, Италия. Посмотреть товары сразу в нескольких зонах не получиться, что доже добавляет некоторую неудобность в поиске.

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

При покупки товара нас сново перенаправляют на анлоязычные страницы. Некоторые слова в формах правда всеже на русском.

Итого: то что перевели, это хорошо, но много еще незаконченного, что в скором времени наверняка исправится и доделается.

AMS 8.0 не за горами

chepurnoff — Thu, 02 Jul 2009 13:26:06 GMT
И так на официальном форуме компании IndigoRose появилась тема, в которой принимаются пожелания насчет новой версии Autoplay Media Studio. Набилось уже много месаг насчет поддержки анимации и лучшей интеграции с системой, а также полной поддержки Lua в движке. Из того чего желают многое уже реализовано через плагины. Конечно плагины плагинами, но например разделять код на потоки я бы не отказался в самом движке, а не через Timer plugin. Вообщем ждем новой версии и надеемся на лучшее)
И лучше не просто ждать а регится на форуме индигорозе и писать таки уже свои пожелания. Чего вам не хватает?
Например может быть вам не хватает прямой работы с файлами через HEX-режим

Не знаю что они там замутят но насчет полной поддержки всей Lua сильно сомневаюсь

Ссылка на тему: