• Авторизация


Урок о том как добавить анимацию на вашу картинку 06-10-2010 18:53 к комментариям - к полной версии - понравилось!


[45x]








[230x110]

Ну что, мои хорошие...Освоим как мы с вами еще один интересный урок.Вот посмотрите на картинку...

 (160x182, 23Kb)



Нравится??? Ну вот это мы с вами и будем учиться делать....
Что нам надо...во-первых сама картинка....и самое главное запоминаем её размеры....и вторая картинка -анимация на прозрачном фоне вот у неё ничего запоминать не надо..нужен только её код))) Ну и конечно "волшнбная формула" для того чтобы все это соединить....
Итак....приступим....
Выбираем картинку...(на моем примере попробуем) Вот она у меня какая..
[500x336]
а вот её код
<img src="http://img-fotki.yandex.ru/get/4903/zomka.b9/0_529f0_c95fff80_L" border="0" height="336" width="500">

Как вы видите Яндекс фотки выдает картинки с размерами...А как быть если в коде этих размеров нет???Да как обычно....
Щелкаем правой кнопкой мышки по картинке и ищем там *Свойства* Ну или что нибудь похожее где можно увидеть размеры картинки...У меня Мозилла....там пункт *информация об изображении*...а у кого другой браузер -наверное знаете, какой пункт показывает размеры картинки...так вот Увидели-запомнили....
далее ...Используем шаблон формулу...вот он..
<center><table style="WIDTH: AAApx; HEIGHT: BBBpx" cellspacing="8" cellpadding="3" width="700" align="center" background="АДРЕС ВАШЕЙ КАРТИНКИ" border="3"><tbody><tr><td><font face="Monotype Corsiva" color="white" size="3" font="font"><b><p align="center"></p>КОД ВАШЕЙ АНИМАЦИИ</b></font> </td></tr></tbody></table></center>

Что в ней что?
Вместо ААА вставьте ширину картинки вашей Вместо ВВВ вставьте высоту вашей картинки АДРЕС ВАШЕЙ КАРТИНКИ это ссылка имеено на картинку (не весь код!!!а только ссылка) и КОД ВАШЕЙ АНИМАЦИИ это целый код картинки-анимации
он у меня вот такой...
 (160x182, 23Kb)

<img src="http://img0.liveinternet.ru/images/attach/c/0//47/187/47187640_ch.gif" width="200" height="182" alt=" (160x182, 23Kb)" />


то есть если вы выбрали анимированную картинку которую вставляете во внутрь....просто возьмите её полный код и вставьте на место слов КОД ВАШЕЙ АНИМАЦИИ
в коде шаблоне перед КОДОМ ВАШЕЙ АНИМАЦИИ есть тег *b* вот после него можно ставить пробелы и столько на сколько хотите сдвинуть анимацию вправо....вот так..например

 (160x182, 23Kb)



А можно код анимации поставить дважды друг за другом....тогда получится вот так...
 (160x182, 23Kb) (160x182, 23Kb)


Можно перед кодом анимации написать текст вот так...
ДЕЛА ДАВНО МИНУВШИХ ДНЕЙ (160x182, 23Kb)

а можно просто поставить тег перед КОДОМ АНИМАЦИИ
<p style="text-indent: 60px"> а после кода тег
</p>
и анимация сдвинется вправо настолько насколько поставите цифру вместо 60
Ну вот вроде бы и все случаи описала...Теперь остается только найти анимированнные джифки вам полезные и вставлять их в ваши картинки)))0
Удачи...Ваша Zomka
вверх^ к полной версии понравилось! в evernote
Комментарии (171): вперёд» последняя»
zomka 06-10-2010-19:10 удалить
Ответ на комментарий татьяна_татуревич # благодарю))
zomka 06-10-2010-19:10 удалить
Ответ на комментарий Iskuschenie # на здоровье)))
zomka, спасибо, изумительный урок!
И он будет очень полезен для тех, кто не владеет редакторами. СПАСИБО!
zomka 06-10-2010-19:59 удалить
Ответ на комментарий Фима-Собак # на здоровье)))
Н_НИНА 06-10-2010-20:02 удалить
спасибочки, красивый урок
[показать]
zomka 06-10-2010-20:05 удалить
Ответ на комментарий Н_НИНА # благодарю))) [20x]
Спасибо за урок!!! цитирую может пригодится!
SEOdrom 06-10-2010-20:50 удалить
Тэкс... Не получилось
petrovna519 06-10-2010-21:16 удалить
Во рукодельницааа!!!Тоже так хочу,но пока...глухо
zomka 06-10-2010-21:32 удалить
Ответ на комментарий nataliya_bezushko # )))))получится))) и пригодится)))
zomka 06-10-2010-21:33 удалить
Ответ на комментарий SEOdrom # не торопитесь....просто скопируйте шаблон ..вставьте его в редактор а потом просто внутри вставьте все по уроку то есть ссылку на картинку....размеры этой картинки и код картинки-анимации...Даже можно такие же как у меня в уроке...просто попробуйте с моими а потом будете искать и свои))
zomka 06-10-2010-21:34 удалить
Ответ на комментарий Valysha-66 # на здоровье0))
zomka 06-10-2010-21:35 удалить
Ответ на комментарий petrovna519 # нияего сложного уверяю вас....просто скопируйте шаблон ..вставьте его в редактор а потом просто внутри вставьте все по уроку то есть ссылку на картинку....размеры этой картинки и код картинки-анимации...Даже можно такие же как у меня в уроке...просто попробуйте с моими а потом будете искать и свои))
petrovna519 06-10-2010-21:44 удалить
Ответ на комментарий zomka # СПАСИБО! я упрямая баушка-у меня обязательно получится! ))
medissa71 06-10-2010-21:47 удалить
Как здорово! Спасибо большое! А фоновая картинка не может быть анимированной (движение волн и пр.)?
zomka 06-10-2010-21:54 удалить
Ответ на комментарий medissa71 # ради бога..какую хотите))))
zomka 06-10-2010-21:55 удалить
Ответ на комментарий petrovna519 # надеюсь и буду ждать домашнюю работу)))
medissa71 06-10-2010-22:20 удалить
Ответ на комментарий zomka # Спасибо за урок! Моя пробная картинка:

 (160x182, 23Kb)

SEOdrom 06-10-2010-22:23 удалить
Ответ на комментарий medissa71 # Гусь на взмахе отлетает назад))
SEOdrom 06-10-2010-22:24 удалить
Ответ на комментарий zomka # Потом как-нибудь)) Сейчас нет времени.
medissa71 06-10-2010-22:27 удалить
Ответ на комментарий SEOdrom # Ну это же готовая анимашка такая, взяла для образца у автора.
zomka 06-10-2010-23:19 удалить
Ответ на комментарий medissa71 # http://www.smayli.ru/babochkia.html
вот сайт со многими анимашками)))
zomka 06-10-2010-23:20 удалить
Ответ на комментарий Оленька_Коваленко # на здоровье)))
medissa71 06-10-2010-23:33 удалить
Ответ на комментарий zomka # Спасибо огромное!
medissa71 06-10-2010-23:34 удалить
Ответ на комментарий zomka # А я как раз хотела поинтересоваться, где можно скачать анимашки на прозрачном фоне! Благодарю!


Комментарии (171): вперёд» последняя» вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Урок о том как добавить анимацию на вашу картинку | zomka - Мир входящему,ежели с добром | Лента друзей zomka / Полная версия Добавить в друзья Страницы: раньше»