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

Среда, 23 Апреля 2014 г. 20:12 + в цитатник

Цитата сообщения 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

Рубрики:

*ВСЁ ДЛЯ ДНЕВНИКА/формулы

Метки: вставляем анимацию
Понравилось: 1 пользователю

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

Астраханочка_51 обратиться по имени Среда, 23 Апреля 2014 г. 21:09 (ссылка)

Я анимацию в коллаж вставляла в рамочнике,в уроках в Виктории было

Ответить С цитатой В цитатник

Четверг, 24 Апреля 2014 г. 23:19ссылка

Tapioka

А какой урок?Елена,можно ссылочку на урок?

Ответить С цитатой В цитатник Обратиться по имени

Четверг, 24 Апреля 2014 г. 23:22ссылка

Астраханочка_51

http://www.liveinternet.ru/users/5406319/post308572297/#

Ответить С цитатой В цитатник Обратиться по имени

Четверг, 24 Апреля 2014 г. 23:31ссылка

Tapioka

Спасибо!!!

Ответить С цитатой В цитатник Обратиться по имени

Четверг, 24 Апреля 2014 г. 23:32ссылка

Астраханочка_51

Соврала ведь тебе ,урок был не Виктории ,это я коллаж делала по этому уроку и вставляла в рамочнике ,а она формулу дала в уроке ,а тот урок я поищу ,но помоему не взяла его из за того что он здесь не встал

Ответить С цитатой В цитатник Обратиться по имени

Четверг, 24 Апреля 2014 г. 23:36ссылка

Tapioka

Я видела один урок,где анимацию нужно вставлять в рамочнике.Но не знаю ,тот же принцип?http://www.liveinternet.ru/users/5406319/post320715790/

Ответить С цитатой В цитатник Обратиться по имени

Четверг, 24 Апреля 2014 г. 23:51ссылка

Астраханочка_51

Ну вот этот коллаж я и вставляла в рамочнике ,фон с водичкой ,обводку и дельфинчика,но в этом уроке формула есть ,а урок читала другой ,я постараюсь найти в группе ,если получиться ,теперь всё испорчено же на майле

Ответить С цитатой В цитатник Обратиться по имени

Четверг, 24 Апреля 2014 г. 23:53ссылка

Tapioka

Хорошо!!Там всё ужасно!

Ответить С цитатой В цитатник Обратиться по имени

Четверг, 24 Апреля 2014 г. 23:54ссылка

Астраханочка_51

Заходить в блог не хочется совсем ,хорошо хоть нужное перетащила сюда во время

Ответить С цитатой В цитатник Обратиться по имени

Четверг, 24 Апреля 2014 г. 23:57ссылка

Tapioka

Будем надеяться ,что всё наладится!

Ответить С цитатой В цитатник Обратиться по имени

Пятница, 25 Апреля 2014 г. 00:04ссылка

Астраханочка_51

http://my.mail.ru/community/editor.ru/34528D4906D0968B.html
это ссылка в группе ,я пробывала брать себе урок ,он искажается ,там он конечно тоже подпортился

Ответить С цитатой В цитатник Обратиться по имени

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Метки

-Рубрики

-Цитатник

-Ссылки

-Видео

-Музыка

-Я - фотограф

-Подписка по e-mail

-Поиск по дневнику

-Фотоальбом

-Приложения

-Резюме

Савченко Татьяна

-Новости

-Друзья

-Постоянные читатели

-Сообщества

-Трансляции

-Статистика

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