Урок про те як додати анімацію на вашу картинкуНу що, мої хороші … Освоїмо як ми з вами ще один цікавий урок.Вот подивіться на картинку …

Подобається??? Ну ось це ми з вами і будемо вчитися робити ….
Що нам треба … по-перше сама картинка …. і найголовніше запам'ятовуємо її розміри …. і друга картинка-анімація на прозорому тлі ось у неї нічого запам'ятовувати не треба .. потрібен тільки її код) Ну і звичайно «чарівна формула» для того щоб все це з'єднати ….
Отже …. приступимо ….
Вибираємо картинку … (на моєму прикладі спробуємо) Ось вона в мене якась ..

а от її код

<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> <p align=»center»> </ p> КОД ВАШОЇ АНИМАЦИИ </ b> </ font> </ td> </ tr> </ tbody> </ table> </ center>

Що в ній що?
Замість ААА вставте ширину картинки вашої Замість ВВВ вставте висоту вашої картинки АДРЕСА ВАШОЇ КАРТИНКИ це посилання імеено на картинку (не весь код! А тільки посилання) і КОД ВАШОЇ АНИМАЦИИ це цілий код картинки-анімації
він у мене ось такий …

<img src=»images/image_16.gif» width=»200" height=»182" alt=» (160×182, 23Kb)» />

тобто якщо ви вибрали анімовану картинку яку вставляєте в усередину …. просто візьміть її повний код і вставте на місце слів КОД ВАШОЇ АНИМАЦИИ
в коді шаблоні перед КОДОМ ВАШОЇ АНИМАЦИИ є тег * b * от після нього можна ставити прогалини і стільки на скільки хочете зрушити анімацію вправо …. от так .. наприклад

А можна код анімації поставити двічі один за одним …. тоді вийде ось так …

Можна перед кодом анімації написати текст ось так …

СПРАВИ ДАВНО МИНУЛИХ ДНІВ

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

 

MAXCACHE: 0.47MB/0.02472 sec