Вместо стандартного google - зачетная анимашка

Сообщений: 1223 Регистрация: Июн 2010

11 Мая 2011 02:34

У Гугла сегодня зачетная анимашка на главной - 117 лет со дня рождения Марты Грэм.

Эта фича (анимашки) у них реально крутЪ...

Выпиливаю лобзиком один сайт. Смотреть можно, руками трогать нельзя - он еще хрупкий и ранимый... :)

Ivan

Сообщений: 443 Регистрация: Июн 2010

11 Мая 2011 05:03

Да, прикольно:) а можно эту анимашку как то вытащить?

Надежный и дешевый хостинг.

Артем

Сообщений: 480 Регистрация: Май 2011

11 Мая 2011 12:54

Я могу только так вам дать картинку - http://www.google.ru/logos/2011/graham11-hp-sprite.png

vagant-ua

Сообщений: 1223 Регистрация: Июн 2010

11 Мая 2011 14:16

Цитата
Артем пишет: Я могу только так вам дать картинку - http://www.google.ru/logos/2011/graham11-hp-sprite.png

Да, они из этой картинки тянут - зачитываю небольшие области по порядку...

Артем

Сообщений: 480 Регистрация: Май 2011

11 Мая 2011 19:49

Да но реально вытянуть бы ее , я сегодня пробовал минут 30 ее вытянуть и ни как .

vagant-ua

Сообщений: 1223 Регистрация: Июн 2010

11 Мая 2011 22:48

Цитата
Артем пишет: Да но реально вытянуть бы ее

Что именно?

Код

<div id="hplogo">
<a href="/search?q=%D0%9C%D0%B0%D1%80%D1%82%D0%B0+%D0%93%D1%80%D1%8D%D0%BC&ct=graham11-hp&oi=ddle&hl=ru">
<img border="0" title="117 лет со дня рождения Марты Грэм" alt="117 лет со дня рождения Марты Грэм" src="logos/2011/graham11-hp-start.png">
</a>
<div id="hplogo0" st yle="left: 307px; top: 48px; width: 88px; height: 89px; background: url("logos/2011/graham11-hp-sprite.png") no-repeat scroll 0px 0px transparent;"></div>
<div id="hplogo1" st yle="left: 307px; top: 48px; width: 89px; height: 89px; background: url("logos/2011/graham11-hp-sprite.png") no-repeat scroll -88px 0px transparent;"></div>
<div id="hplogo2" st yle="left: 307px; top: 48px; width: 91px; height: 89px; background: url("logos/2011/graham11-hp-sprite.png") no-repeat scroll -177px 0px transparent;"></div>
<div id="hplogo3" st yle="left: 305px; top: 49px; width: 93px; height: 89px; background: url("logos/2011/graham11-hp-sprite.png") no-repeat scroll -268px 0px transparent;"></div>
<div id="hplogo4" st yle="left: 305px; top: 50px; width: 93px; height: 88px; background: url("logos/2011/graham11-hp-sprite.png") no-repeat scroll -361px 0px transparent;"></div>
<div id="hplogo5" st yle="left: 305px; top: 50px; width: 93px; height: 88px; background: url("logos/2011/graham11-hp-sprite.png") no-repeat scroll -454px 0px transparent;"></div>
<div id="hplogo6" st yle="left: 306px; top: 52px; width: 92px; height: 86px; background: url("logos/2011/graham11-hp-sprite.png") no-repeat scroll -547px 0px transparent;"></div>
<div id="hplogo7" st yle="left: 305px; top: 53px; width: 93px; height: 84px; background: url("logos/2011/graham11-hp-sprite.png") no-repeat scroll -639px 0px transparent;"></div>

...

<div id="hplogo41" st yle="left: 285px; top: 43px; width: 76px; height: 95px; background: url("logos/2011/graham11-hp-sprite.png") no-repeat scroll -1733px -89px transparent;"></div>
<div id="hplogo42" st yle="left: 285px; top: 37px; width: 70px; height: 101px; background: url("logos/2011/graham11-hp-sprite.png") no-repeat scroll -1809px -89px transparent;"></div>
<div id="hplogo43" st yle="left: 281px; top: 29px; width: 55px; height: 109px; background: url("logos/2011/graham11-hp-sprite.png") no-repeat scroll -1879px -89px transparent;"></div>
<div id="hplogo44" st yle="left: 278px; top: 20px; width: 58px; height: 119px; background: url("logos/2011/graham11-hp-sprite.png") no-repeat scroll -1934px -89px transparent;"></div>
<div id="hplogo45" st yle="left: 278px; top: 20px; width: 55px; height: 119px; background: url("logos/2011/graham11-hp-sprite.png") no-repeat scroll -1992px -89px transparent;"></div>
<div id="hplogo46" st yle="left: 277px; top: 12px; width: 121px; height: 127px; background: url("logos/2011/graham11-hp-sprite.png") no-repeat scroll 0px -208px transparent;"></div>
<div id="hplogo47" st yle="left: 271px; top: 2px; width: 122px; height: 138px; background: url("logos/2011/graham11-hp-sprite.png") no-repeat scroll -121px -208px transparent;"></div>

60tin0k

Сообщений: 35 Регистрация: Апр 2010

12 Мая 2011 00:54

Эмм а как это впихнуть на юкоз? И как такую фигнотень сделать самому?

vagant-ua

Сообщений: 1223 Регистрация: Июн 2010

12 Мая 2011 01:22

Цитата
60tin0k пишет: И как такую фигнотень сделать самому?

Написать свою функцию, которая будет отрабатываться после загрузки страницы. Как здесь

Код
onl oad="try{!google.j.b&&document.f.q.focus()}catch(e){};if(document.images)new Image().src='/images/srpr/nav_logo66.png'"

Эта функция после загрузки страницы показывает определенные квадраты из большой картинки (последовательно, как в кино). Как здесь

Код

<div id="hplogo0" st yle="left: 307px; top: 48px; width: 88px; height: 89px; background: url("logos/2011/graham11-hp-sprite.png") no-repeat scroll 0px 0px transparent;"></div>
<div id="hplogo1" st yle="left: 307px; top: 48px; width: 89px; height: 89px; background: url("logos/2011/graham11-hp-sprite.png") no-repeat scroll -88px 0px transparent;"></div>

Я доходчиво объяснил?

З.Ы. Народ, кто там программеры, поправьте плз - если где ошибся.

60tin0k

Сообщений: 35 Регистрация: Апр 2010

12 Мая 2011 19:55

Эмм это для меня сложно..можно ли нарисовать это в формати ГИФ или АВИ какой нибудь программой? smile:mail:

Ivan

Сообщений: 443 Регистрация: Июн 2010

#10

12 Мая 2011 21:13

да, программеры, кому интересно и не лень, если кто все же сделает, выложите тут smile:)

vagant-ua

Сообщений: 1223 Регистрация: Июн 2010

#11

13 Мая 2011 00:25

Цитата
60tin0k пишет: Эмм это для меня сложно..можно ли нарисовать это в формати ГИФ или АВИ какой нибудь программой?

Неужели так сложно порезать Фотожопом картинку и наложить слои. Далее стандартной приблудой делаем гиф - скорость смены кадров выбираете свою.

60tin0k

Сообщений: 35 Регистрация: Апр 2010

#12

13 Мая 2011 08:52

vagant-ua, в пс я чайнег ) Только написать каку маляку на картинке каким нить шрифтом могу ))

abyss-by

Сообщений: 77 Регистрация: Окт 2010

#13

13 Мая 2011 09:49

Сейчас этого уже не сделаешь - закончилось "117-летие со дня рождения Марты Грэм" smile:)

Я сразу, как появилась тема взял, да забыл. Заняло минуты две, ни фотошопа, ни тем более программирования...

Здесь GIF-ка (полоска сверху откуда-то взялась): _http://zalil.ru/31029452
А здесь SWF: _http://zalil.ru/31029481

Простой захват экрана. В оригинале у них конечно же изящнее!

Олег

Сообщений: 339 Регистрация: Окт 2010

#14

13 Мая 2011 12:24

Цитата

abyss-by пишет:
Сейчас этого уже не сделаешь - закончилось "117-летие со дня рождения Марты Грэм"
Я сразу, как появилась тема взял, да забыл. Заняло минуты две, ни фотошопа, ни тем более программирования...
Здесь GIF -ка (полоска сверху откуда-то взялась): _http://zalil.ru/31029452
А здесь SWF : _http://zalil.ru/31029481
Простой захват экрана. В оригинале у них конечно же изящнее!

Красиво!
GIF даже меньше весит чем исходник PNG :-)

Продаю скрипт поиска музыки с VK

Похожие темы:

20.08.2021 11:37	Google начал отображать H1 и H2 вместо мета-тега Title в выдаче
17.01.2014 22:54	Гугл выдает главную вместо внутренней
16.01.2014 00:27	Гугл выдает главную страницу вместо нужной внутренней
18.09.2012 04:27	Как сайту присвоить таргетинг вместо "Украина" - "Харьковская область"?

Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
19:48 Стоит ли добавлять сайт в Rambler топ 100? 17:53 Влияет ли кодировка на индексацию позиции в поиске? 17:32 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 14:51 Adtrafico - Правильная партнёрская сеть под бурж трафик 14:03 Партнерская программа OWNR WALLET 20:48 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 11:59 2Index - быстрая индексация страниц сайта и обратных ссылок	18:59 Сервис валидации e-mail баз 18:37 Ural-obmen.ru — выгодный сервис обмена 18:18 Obama.ru - безопасный обмен криптовалют и электронных денежных средств 17:28 Мобильные и Резидентные Прокси Для Соц Сетей \| 3 Гб Бесплатно 11:00 SpeedyIndex - ускорение индексирования ссылок в Google. 100 ссылок в подарок. 10:41 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика 22:18 SwapPix.io - быстрый и безопасный обменник криптовалют.	17:22 Точные прогнозы на футбол 21:12 Каспкрски ОС 22:58 У меня дикая просадка по РСЯ за последние 3 суток 21:51 Linux - это максимальная свобода 21:33 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 14:38 Продажи российских компьютеров в РФ выросли вдвое 12:29 Карпаты