Записи Друзья Комментарии
Arnusha
Аватар Arnusha

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

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

 

 -Рубрики

 -Цитатник

Анечка (Anushka_M, спасибо огромное!!! - (4)

ПОЗДРАВЛЯЮ С ДНЕМ РОЖДЕНИЯ НИНОЧКУ!(Arnusha) Милая милая Ниночка! С опозданием,но от всего ...

Спасибо от души TAISA_ANDRYEVEVA! - (10)

СВЕТЛОГО, ДОБРОГО ПРАЗДНИКА, С ДНЕМ РОЖДЕНИЯ, НИНОЧКА - Arnusha!!! Пусть будет крепким з...

Любочка (laplared), благодарю тебя подружка моя!!!!!!!!!!! - (2)

Поздравляю Ниночку (Arnusha) с днём рождения   ...

Лолочка (Lola_malvina), золотце, спасибо!!!!!! - (3)

С днём Рождения, Ниночка!(Аrnusha) Прими мои самые теплые поздравления с Днем Рождения! В э...

Верочка (Дневник_Девы), огромное спасибо! - (4)

Поздравляю с Днем рождения , Ниночка! (Arnusha)

 -Статистика

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


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

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


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

Комментировать — К дневнику — Страницы: [1] 2 [Новые]
Ketevan   обратиться по имени Пятница, 22 Октября 2010 г. 01:56 (ссылка)
Arnusha,
(500x500, 283Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 22 Октября 2010 г. 02:55ссылка
Arnusha
Да не за что...
ОтветитьС цитатойВ цитатникОбратиться по имени
лиса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ссылка
natalija1948
Скажи, пожалуйста, а как ты убрала вертикальные и горизонтальные полоски с картинки?
ОтветитьС цитатойВ цитатникОбратиться по имени
Перейти к дневнику

Пятница, 07 Октября 2011 г. 12:53ссылка
Просто_Йа_2711
если ты о обводке картинки говаришь. это толщина рамки.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 в ссылку
 Подписаться на комментарии
 Подписать картинку


О проекте