-Всегда под рукой

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

 

 -Рубрики

 -Цитатник

пейзажи Алексея Савченко - (4)

Алексей Савченко (Alexey Savchenko) — художник реалист..... Алексей Савченко пишет свои картины ...

не огорчайте дети матерей - (6)

Понравился стих из газетки ЗОЖ. В газетке ЗОЖ много прекрасных стихов, которые пишут душой прос...

идеальное творожное тесто для вкусной выпечки: лучшие пошаговые рецепты - (0)

Идеальное творожное тесто для вкусной выпечки: лучшие пошаговые рецепты Еcли вы хoтитe чтo-тo иc...

поздравление от Taisa_Andryeyeva - (4)

С ДНЁМ РОЖДЕНИЯ ДОРОГАЯ, НИНА!!!(Arnusha)   С ДНЁМ РОЖДЕНИЯ ДОРОГАЯ, НИН...

поздравление от Марьяши7 - (1)

С ДНЁМ РОЖДЕНИЯ НИНОЧКА!! (Arnusha)....... ...

 -Сообщества

Участник сообществ (Всего в списке: 3) Всё_для_блога Мир_клипарта Всё_для_-_блога
Читатель сообществ (Всего в списке: 1) Мир_клипарта

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 20.01.2009
Записей: 9803
Комментариев: 293025
Написано: 327283



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

Четверг, 07 Октября 2010 г. 02:04 + в цитатник









 

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

 (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>КОД ВАШЕЙ АНИМАЦИИ</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=" (160x182, 23Kb)" />


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

                                                                                                                                                                                                                                                                                                             (160x182, 23Kb)  
 
 


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


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

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


 

Рубрики:  Уроки
открытки


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



Ketevan   обратиться по имени Пятница, 22 Октября 2010 г. 01:56 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 22 Октября 2010 г. 02:55ссылка
Да не за что...
лиса47   обратиться по имени Пятница, 26 Ноября 2010 г. 18:35 (ссылка)
Спасибо большое! Возьму себе.
Ответить С цитатой В цитатник
Галина_Кукушкина   обратиться по имени Четверг, 02 Декабря 2010 г. 09:18 (ссылка)
Отличный урок! Многого еще не знаю. Возьму себе с удовольствием. Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику
Sudarka   обратиться по имени Пятница, 03 Декабря 2010 г. 14:00 (ссылка)
Как ни крути, надо пробовать! Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику
Торнадо2112   обратиться по имени Понедельник, 06 Декабря 2010 г. 06:49 (ссылка)
О!!!Как интересно!!!Беру!
Всё буду пробовать!!!
Спасибо!!!
Ответить С цитатой В цитатник
Перейти к дневнику
Трииночка   обратиться по имени Среда, 02 Февраля 2011 г. 22:42 (ссылка)
,надо уч иться
Ответить С цитатой В цитатник
Перейти к дневнику
Просто_Йа_2711   обратиться по имени Вторник, 05 Июля 2011 г. 15:04 (ссылка)
МОРСКОЙ ПРИВЕТИК ОТ ГАЛИ..ПРОСТО ЙА

 (160x182, 23Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 07 Октября 2011 г. 11:05ссылка
Скажи, пожалуйста, а как ты убрала вертикальные и горизонтальные полоски с картинки?
Перейти к дневнику

Пятница, 07 Октября 2011 г. 12:53ссылка
если ты о обводке картинки говаришь. это толщина рамки.bolder 0 ее нет. 4 толще и тд, надо html ку знать, тогда и будет понятие о рамочке. и коды... попробуй так и сяк. методом тыка мы все учимся тут...
Lilia_Livnev   обратиться по имени Заголовок Суббота, 18 Февраля 2012 г. 17:26 (ссылка)
Очень хорошии пост!
Ответить С цитатой В цитатник
планета111   обратиться по имени Воскресенье, 20 Мая 2012 г. 20:28 (ссылка)
Спасибо, большое, взяла себе!
Ответить С цитатой В цитатник
Nadja-Naducha   обратиться по имени Воскресенье, 12 Августа 2012 г. 17:41 (ссылка)
БЛАГОДАРЮ ЗА УРОК!
Ответить С цитатой В цитатник
Zapoj   обратиться по имени Воскресенье, 26 Августа 2012 г. 16:41 (ссылка)
Спасибо! Нужный пост.
Ответить С цитатой В цитатник
ДИКОЕ_ПОЛЕ   обратиться по имени Вторник, 04 Сентября 2012 г. 21:56 (ссылка)
Ответить С цитатой В цитатник
KaterinaAverian   обратиться по имени Среда, 05 Сентября 2012 г. 02:19 (ссылка)
Большое спасибо за урок!!
Ответить С цитатой В цитатник
sulazka   обратиться по имени СПАСИБО!!! Суббота, 08 Сентября 2012 г. 15:04 (ссылка)
Ещё не пробовала,но чую--зреет желание научиться...
Ответить С цитатой В цитатник
Свет-Коляда   обратиться по имени Суббота, 13 Октября 2012 г. 18:43 (ссылка)

Может быть, и я этому научусь?
Ответить С цитатой В цитатник
makarych   обратиться по имени Понедельник, 05 Ноября 2012 г. 02:14 (ссылка)
прикольно! спасибо!
Ответить С цитатой В цитатник
galina-y   обратиться по имени Понедельник, 04 Февраля 2013 г. 14:22 (ссылка)
Спасибо! Благодарю!
Ответить С цитатой В цитатник
семечка205   обратиться по имени Пятница, 15 Февраля 2013 г. 23:51 (ссылка)
спасибо, перетяну себе, попробую...

(Добавил ссылку к себе в дневник)

Ответить С цитатой В цитатник
хаверочка   обратиться по имени Понедельник, 25 Февраля 2013 г. 12:16 (ссылка)
Ответить С цитатой В цитатник
GalinaIvyshka   обратиться по имени Вторник, 05 Марта 2013 г. 10:23 (ссылка)
Спасибо за урок!
Ответить С цитатой В цитатник
Mariea   обратиться по имени Четверг, 07 Марта 2013 г. 13:46 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Carerrera   обратиться по имени Понедельник, 18 Марта 2013 г. 15:32 (ссылка)
спасибо!!! :) все доступно и понятно!! :)
Ответить С цитатой В цитатник
Керчаночка   обратиться по имени Пятница, 26 Апреля 2013 г. 19:59 (ссылка)
Замечательный урок! Многого еще не знаю. Возьму себе с удовольствием. Спасибо!
Ответить С цитатой В цитатник
Maruskevi4   обратиться по имени Вторник, 11 Июня 2013 г. 15:55 (ссылка)
Отличный урок! Спасибо!
Ответить С цитатой В цитатник
Сибирская   обратиться по имени Воскресенье, 17 Ноября 2013 г. 12:37 (ссылка)
Ответить С цитатой В цитатник
ольга48   обратиться по имени Среда, 11 Декабря 2013 г. 23:13 (ссылка)
СПАСИБО ЗА УРОК! Хочется научиться...
Ответить С цитатой В цитатник
Ольга_Кривохижа   обратиться по имени Среда, 15 Января 2014 г. 12:15 (ссылка)
Спасибо!Оказалось все не сложно. Попробовала - подставила - а как воиспроизвести такое творение?
Ответить С цитатой В цитатник
nadyusha_nadyuzhok   обратиться по имени Понедельник, 20 Января 2014 г. 00:55 (ссылка)
Спасибочки за урок,вроде все ясно.Попробуем.
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] 2 [Новые]
 

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

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

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

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