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

Понедельник, 31 Января 2011 г. 10:42 + в цитатник

Цитата сообщения Arnusha

Прочитать целиком В свой цитатник или сообщество!

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

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

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

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

а вот её код

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

<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
Ну
вот вроде бы и все случаи описала...Теперь остается только найти
анимированнные джифки вам полезные и вставлять их в ваши картинки)))0
Удачи...Ваша Zomka

.
источник

Рубрики:

Полезные советы/фотошоп