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

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

 (160x182, 23Kb)

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


а вот её код

<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=» (160×182, 23Kb)» />

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

 (160x182, 23Kb)

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

 (160x182, 23Kb) (160x182, 23Kb)

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

ДЕЛА ДАВНО МИНУВШИХ ДНЕЙ (160x182, 23Kb)

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

 

Комментирование и размещение ссылок запрещено.

2 комментариев к записи “Урок о том как добавить анимацию на вашу картинку”

  1. А куда этот шаблон вставлять то? Или где его взять?

  2. hochuvseznat:

    Например, на свой сайт.