урок о том как добавить анимацию на вашу картинку

Четверг, 07 Октября 2010 г. 02:04 + в цитатник

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

Нравится??? Ну вот это мы с вами и будем учиться делать.... Что нам надо...во-первых сама картинка....и самое главное запоминаем её размеры....и вторая картинка -анимация на прозрачном фоне вот у неё ничего запоминать не надо..нужен только её код))) Ну и конечно "волшебная формула" для того чтобы все это соединить.... Итак....приступим.... Выбираем картинку...(на моем примере попробуем) Вот она у меня какая

а вот её код

Как вы видите Яндекс фотки выдает картинки с размерами...А как быть если в коде этих размеров нет??? Да как обычно.... Щелкаем правой кнопкой мышки по картинке и ищем там *Свойства* Ну или что нибудь похожее где можно увидеть размеры картинки... У меня Мозилла....там пункт *информация об изображении*... а у кого другой браузер - наверное знаете, какой пункт показывает размеры картинки... так вот Увидели-запомнили.... далее ...Используем шаблон формулу... вот он..

<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>КОД ВАШЕЙ АНИМАЦИИ</b></font> </td></tr></tbody></table></center>

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

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

А можно код анимации поставить дважды друг за другом....тогда получится вот так...

Можно перед кодом анимации написать текст вот так...

ДЕЛА ДАВНО МИНУВШИХ ДНЕЙ

а можно просто поставить тег перед КОДОМ АНИМАЦИИ <p style="text-indent: 60px"> а после кода тег
</p> и анимация сдвинется вправо настолько насколько поставите цифру вместо 60 Ну вот вроде бы и все случаи описала...Теперь остается только найти анимированнные джифки вам полезные и вставлять их в ваши картинки))) Удачи... Ваша Zomka