пятница, 17 декабря 2010 г.

Флеш виджет: обратный отсчет до Нового года

Как это принято в Клубе Свободных Художников, к праздникам мы дарим подарки. Совсем скоро уже наступит Новый год! Поэтому подарки будут соответствующие. Говорю сразу, что не собираюсь ограничиваться одним сюрпризом =) Выкладывать буду по мере готовности. А сейчас у меня уже готов замечательный флеш виджет, который называется "Обратный отсчет до Нового года". Я думаю, из названия сразу можно догадаться, что делает флешка.





Вот такие замечательные часики! Показывают системное время компьютера пользователя, плюс пишут, сколько времени осталось до Нового года. Отличная штучка, чтобы украсить свой сайт или блог к празднику.

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

Так, в начале что-то про подарки было... Ах, да! Вот код для вставки виджета на сайт или блог:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="270" height="375"><param name="movie" value="http://vmirepozitiva.ru/flash/christmass_clock270x375.swf"><param name="quality" value="high"><embed src="http://vmirepozitiva.ru/flash/christmass_clock270x375.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="270" height="375"></embed></object>


Оригинальные размеры флешки 270x375 px, но их можно пропорционально изменять, если вдруг не влазит или наоборот виджет для вас мелковат. Вся графика векторная, поэтому масштабируется без потери качества. Для изменения размеров укажите нужные значения вместо родных width="270" и height="375".

Удачи вам в ваших начинаниях, и заходите еще за подарками.

DACASCAS

Для любителей часов:
- Флеш часы для вашего сайта или блога с набором разных бэкграундов
- Флеш часы с собственным дизайном для вашего сайта или блога

UPDATE: код для публикации виджета с прозрачным фоном

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="270" height="375"><param name="movie" value="http://vmirepozitiva.ru/flash/christmass_clock270x375.swf"><param name="quality" value="high"><param name="wmode" value="transparent"><embed src="http://vmirepozitiva.ru/flash/christmass_clock270x375.swf" quality="high" wmode="transparent"  pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="270" height="375"></embed></object>

23 комментария:

  1. А можно поместить кнопку для переноса часов в свой блог или на рабочий стол без переноса кода! Для неумеющих копировать ссылки!Есть и такие уроды(((

    ОтветитьУдалить
  2. Я, к сожалению, тоже не всё умею =) в том числе и делать подобные кнопки...

    Чтобы флешку в блоге опубликовать, скопируйте код, выделив его и нажав правую кнопку мыши, затем "копировать". Потом откройте свой блог и в режиме HTML вставьте этот код куда нужно, например в статью или сайдбар, или еще куда.

    На рабочий стол эту флешку не поставить

    ОтветитьУдалить
  3. Спасибо за подарок!
    Поместил в блог на пост от 31.12.10.
    Пустячок -, а приятно :о))
    Тем более приятно, что проделал это первый раз, а словосочетание флеш-виджет для меня так же понятно, как китайский язык.
    Сейчас попробую разобраться с RSS.
    Успехов!

    ОтветитьУдалить
  4. Ой спасибочки :) даже блондинка справилась. Сижу, любуюсь на красотень.

    ОтветитьУдалить
  5. Любуйтесь наздоровьечки =)

    ОтветитьУдалить
  6. Спасибо большое свободным, а главное, - щедрым художникам! Утащила в свой блог. С наступающих Новым Годом !

    ОтветитьУдалить
  7. Спасибо за часики! Пусть отсчитывают приближение праздника!С Наступающим и вас!!!

    ОтветитьУдалить
  8. И вас так же с праздником =)

    ОтветитьУдалить
  9. А у меня не получилось, а что изменить не поняла!,а так мне хочется такие часики иметь.Может объясните получше.Чайники как всегда
    недопонимают в том числе и я. Спасибо!

    ОтветитьУдалить
  10. А что у вас не получилось? В коде менять ничего не надо, он готовый. Просто копируете и всё. Если размеры нужно поменять, то ищем в коде значения width="270" и height="375". Это ширина и высота соответственно. Цифры меняем на нужные вам. Только пропорциональные чтоб родным были, а то искажение при публикации будет (расплющится или вытянется флешка). Код дублированный (для кросбраузерности), то есть там четыре значения ширины и высоты. В начале стоит пара width="270" и height="375" и в самом конце повторяется тоже самое width="270" и height="375". Нужно поменять везде их на новые...

    ОтветитьУдалить
  11. Спасибо за часики. Я видела отсчёт времени до европейского рождества. А у Вас как раз для России.
    Но скажите, пжл, можно изменить белый фон на прозрачный? Или на другой цвет по желанию?

    ОтветитьУдалить
  12. Оля, задний фон на самом деле прозрачный. Просто при публикации флеша он по умолчанию отображается как белый. Попробуйте другой код, который я добавил в конце статьи. Я его не тестил, но там задаётся параметр, чтобы задний фон отображался как прозрачный

    ОтветитьУдалить
  13. Спасибо огромное за Вашу гостеприимность на сайте и подарки. Красивые часики теперь украшают и мой сайт. А до Нового Года осталось совсем немного. Наберемся терпения...

    ОтветитьУдалить
  14. Огромное вам пожалуйста! Вот, я смотрю, что обратный отсчёт получилось опубликовать на прозрачном фоне. Значит работает новый код =)

    ОтветитьУдалить
  15. Всем большое пожалуйста =)

    ОтветитьУдалить
  16. Замечательные часики! С благодарностью из Лондона. :)

    ОтветитьУдалить
  17. Ого, прям с разных концов света

    ОтветитьУдалить
  18. Спасибо за часики!! Поставила себе на блог

    ОтветитьУдалить
  19. Огромное спасибо ! ) а можно сделать что бы при входе на сайт не нажимать "PLAY", а сразу автоматически включался ?

    ОтветитьУдалить
    Ответы
    1. Да, как-то можно намудрить с вставкой, чтобы Play не было. Но я уже не разбирался. Раньше этого просто не было по определению.

      Удалить