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

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

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

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

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

а вот её код

<img src="//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>

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

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

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



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


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

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

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

Серия сообщений "Коды и другая полезность":
Часть 1 - Список уроков.Как ОФОРМИТЬ ДНЕВНИК.
Часть 2 - Картинки или фотки с Я.РУ переносим на ЛИ.РУ
...
Часть 30 - Как добавить в пост большое количество фотографий. Яндекс.Фотки
Часть 31 - Супер полезный сервис!!!
Часть 32 - Урок о том как добавить анимацию на вашу картинку
Часть 33 - Как вставить баннер в свой дневник
Часть 34 - Коды оформления блога
...
Часть 41 - Как сделать музыкальную открытку?
Часть 42 - Полезность
Часть 43 - Коды оформления блога

Серия сообщений "Уроки и мастер-классы":
Часть 1 - Из газет и журналов - обзор идей из интернета.
Часть 2 - 10 способов заплести косу
Часть 3 - Подборка интересных уроков по Фотошоп.
Часть 4 - Урок о том как добавить анимацию на вашу картинку
Часть 5 - Перемещение петель (жгуты)
Часть 6 - МК - Мини-книжечка от Юлианы-Quest
...
Часть 15 - Как сделать гамак своми руками - 2 (а таже идея для люльки для малыша)
Часть 16 - Качели-балансир из бревна и традиционные качели своими руками
Часть 17 - Делаем баннер за 5 секунд!

Серия сообщений "другое":
Часть 1 - Из газет и журналов - обзор идей из интернета.
Часть 2 - 10 способов заплести косу
Часть 3 - Урок о том как добавить анимацию на вашу картинку
Часть 4 - МК - Мини-книжечка от Юлианы-Quest
Часть 5 - Как сделать музыкальную открытку?
Часть 6 - Желатиновый шампунь-бальзам своими руками - для красоты и густоты волос!
Часть 7 - Делаем баннер за 5 секунд!

Серия сообщений "Уроки":
Часть 1 - Как добавить в пост большое количество фотографий. Яндекс.Фотки
Часть 2 - Урок о том как добавить анимацию на вашу картинку
Часть 3 - Как вставить баннер в свой дневник
Часть 4 - Как вставлять РАМКУ в свой пост на Лиру.
...
Часть 8 - Как сохранить сразу много фото с web-страницы
Часть 9 - Убираем стрелки-расширения с картинок на Лиру.
Часть 10 - Делаем баннер за 5 секунд!