-Цитатник

Солнечные долины Прованса. Художник Michel Vezinet - (0)

Cолнечные долины Прованса. Художник Michel Vezinet Художник Michel Vezinet родился в горо...

Художник наивного искусства Ольга Кваша - (0)

Художник наивного искусства Ольга Кваша Ольга Кваша - талантливый художник из Львова &quo...

Как за пять минут избавиться от головокружения - (3)

Как за пять минут избавиться от головокружения Термин «мне дурно» означает разные ...

Французская косынка. Способы завязывания, выкройка + мастер-класс - (0)

Французская косынка! Способы завязывания, выкройка+мастер-класс Французская косынка, в н...

Без заголовка - (0)

Программа для улучшения ваших фотографий Здравствуйте... Сегодня представляю вам програм...

 -Приложения

  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Погода за окном Погода за окномВ нашей погоде удобно наблюдать: — погодные явления на ближайшие 5 дней по 4-м временам суток — графики погодных параметров таких как температура, давление, влажность (давление повышается — погода у
  • Перейти к приложению Улучшение фотографий Улучшение фотографийНе очень удачные фотки? Хочешь улучшить, но не знаешь Фотошоп? Не парься - просто дай задание, и мы сделаем всё за тебя!
  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Словарный запас Словарный запасПриложение показывает, в виде облака, 100 наиболее используемых слов в вашем дневнике, или в дневниках друзей. Каждое слово является ссылкой, на поиск этого слова в вашем дневнике.

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

Поиск сообщений в ахДуняша

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 02.01.2011
Записей: 3539
Комментариев: 3538
Написано: 16511


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

Воскресенье, 17 Апреля 2011 г. 19:20 + в цитатник
Урок о том как добавить анимацию на вашу картинку










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

 (160x182, 23Kb)



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

а вот её код
<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>

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

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


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

 (160x182, 23Kb)



А можно код анимации поставить дважды друг за другом....тогда получится вот так...
 (160x182, 23Kb) (160x182, 23Kb)


Можно перед кодом анимации написать текст вот так...
ДЕЛА ДАВНО МИНУВШИХ ДНЕЙ (160x182, 23Kb)

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


Процитировано 93 раз
Понравилось: 9 пользователям

mimozochka   обратиться по имени Воскресенье, 08 Апреля 2012 г. 16:47 (ссылка)
Отличный урок. все понятно и доходчиво!
Ответить С цитатой В цитатник
ахДуняша   обратиться по имени Воскресенье, 08 Апреля 2012 г. 21:44 (ссылка)
mimozochka, да, согласна с тобой, Надя!
Ответить С цитатой В цитатник
NadinIzVlada   обратиться по имени Спасибо! С праздником!!! Понедельник, 30 Апреля 2012 г. 04:13 (ссылка)
...
Ответить С цитатой В цитатник
ахДуняша   обратиться по имени Понедельник, 30 Апреля 2012 г. 10:36 (ссылка)
NadinIzVlada, с Первомаем!
Ответить С цитатой В цитатник
МилаЯ__Людмила   обратиться по имени Четверг, 03 Мая 2012 г. 17:40 (ссылка)
Интересный пост! Взяла в цитатник.
Ответить С цитатой В цитатник
ахДуняша   обратиться по имени Четверг, 03 Мая 2012 г. 20:29 (ссылка)
МилаЯ__Людмила, мне приятно!
Ответить С цитатой В цитатник
ахДуняша   обратиться по имени Пятница, 04 Мая 2012 г. 19:02 (ссылка)
pawy, спасибо за чудесный комментарий!
Ответить С цитатой В цитатник
Bastsheru   обратиться по имени Суббота, 05 Мая 2012 г. 09:28 (ссылка)
Спасибо!:good:
Ответить С цитатой В цитатник
ахДуняша   обратиться по имени Суббота, 05 Мая 2012 г. 18:46 (ссылка)
Ответить С цитатой В цитатник
Akmaya   обратиться по имени С Добрым Утром! Вторник, 17 Июля 2012 г. 10:47 (ссылка)
Спасибо за урок! Все понятно и доходчиво!
Картинка
Ответить С цитатой В цитатник
ахДуняша   обратиться по имени Вторник, 17 Июля 2012 г. 20:14 (ссылка)
Ответить С цитатой В цитатник
Логово_Белой_Волчицы   обратиться по имени Четверг, 09 Августа 2012 г. 20:02 (ссылка)
Спасибо огромное за урок!!!Пусть каждый твой вечер будет наполнен счастьем, теплотой и радостным предвкушением чуда!

31 (375x527, 1530Kb)
Ответить С цитатой В цитатник
ахДуняша   обратиться по имени Четверг, 09 Августа 2012 г. 20:09 (ссылка)
Логово_Белой_Волчицы, Спасибо за добрые слова!
Ответить С цитатой В цитатник
Natalia_Mihajlenko   обратиться по имени Пятница, 31 Августа 2012 г. 12:52 (ссылка)
Спасибо.
Ответить С цитатой В цитатник
ахДуняша   обратиться по имени Пятница, 31 Августа 2012 г. 20:25 (ссылка)
Ответить С цитатой В цитатник
Виктория_Т   обратиться по имени Пятница, 05 Октября 2012 г. 08:51 (ссылка)
8744 (500x416, 299Kb)
Ответить С цитатой В цитатник
ахДуняша   обратиться по имени Пятница, 05 Октября 2012 г. 18:58 (ссылка)
Ответить С цитатой В цитатник
Tanita_Cat   обратиться по имени Суббота, 13 Октября 2012 г. 12:33 (ссылка)
Хороший урок!
Ответить С цитатой В цитатник
ахДуняша   обратиться по имени Суббота, 13 Октября 2012 г. 19:43 (ссылка)
Ответить С цитатой В цитатник
Алла_просто   обратиться по имени Среда, 06 Февраля 2013 г. 15:20 (ссылка)
Ответить С цитатой В цитатник
ахДуняша   обратиться по имени Среда, 06 Февраля 2013 г. 19:48 (ссылка)
Ответить С цитатой В цитатник
Алла_просто   обратиться по имени Среда, 06 Февраля 2013 г. 20:21 (ссылка)
Исходное сообщение ахДуняша
Урок о том как добавить анимацию на вашу картинку










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



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

а вот её код

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

КОД ВАШЕЙ АНИМАЦИИ

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


 (160x182, 23Kb)

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



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


Можно перед кодом анимации написать текст вот так...
ДЕЛА ДАВНО МИНУВШИХ ДНЕЙ
а можно просто поставить тег перед КОДОМ АНИМАЦИИ

а после кода тег


и анимация сдвинется вправо настолько насколько поставите цифру вместо 60
Ну вот вроде бы и все случаи описала...Теперь остается только найти анимированнные джифки вам полезные и вставлять их в ваши картинки)))0
Удачи...Ваша Zomka


Люд, а ты пробовала сама делать??
Ответить С цитатой В цитатник
ахДуняша   обратиться по имени Среда, 06 Февраля 2013 г. 20:59 (ссылка)
баба_Вася, Алла, если я начну что-то пробовать делать, мне нужно будет бросать работу... Слава богу, хоть едва хватает времени на то, чтоб у друзей посмотреть сообщения! Я на 6 сайтах.
Ответить С цитатой В цитатник
Violetta_Leblan   обратиться по имени Суббота, 31 Августа 2013 г. 22:52 (ссылка)
Спасибо за урок!
Ответить С цитатой В цитатник
ахДуняша   обратиться по имени Понедельник, 02 Сентября 2013 г. 19:07 (ссылка)
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку