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

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

 

 -Рубрики

 -Цитатник

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

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

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

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

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

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

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

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

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

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

 -Статистика

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


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

Понедельник, 31 Января 2011 г. 09:06 + в цитатник


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










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

 (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>КОД ВАШЕЙ
АНИМАЦИИ</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

S



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

Жанна_Карпова   обратиться по имени Понедельник, 31 Января 2011 г. 09:24 (ссылка)
Ответить С цитатой В цитатник
TATYSIY   обратиться по имени Понедельник, 31 Января 2011 г. 09:33 (ссылка)
Благодарю!!!
Ответить С цитатой В цитатник
k-opt-EVA   обратиться по имени Понедельник, 31 Января 2011 г. 10:00 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику
Lady_X_Lady_X   обратиться по имени Понедельник, 31 Января 2011 г. 10:13 (ссылка)
Спасибо за интресный пост,будет кстати.
 (240x320, 355Kb)
Ответить С цитатой В цитатник
Перейти к дневнику
NinaL   обратиться по имени Понедельник, 31 Января 2011 г. 11:04 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику
Марина_Морская_Звезда   обратиться по имени Понедельник, 31 Января 2011 г. 18:59 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику
Радуля   обратиться по имени Вторник, 01 Февраля 2011 г. 15:57 (ссылка)
Узнала что-то новое!
 (475x475, 156Kb)
Ответить С цитатой В цитатник
овно4ка   обратиться по имени Вторник, 01 Февраля 2011 г. 23:38 (ссылка)
спасибо за урок от ZOMKI, цитирую с благодарностью!!:angel:
Ответить С цитатой В цитатник
bekkeriri   обратиться по имени Понедельник, 14 Февраля 2011 г. 20:24 (ссылка)
Ответить С цитатой В цитатник
maryamarqarita   обратиться по имени Пятница, 04 Марта 2011 г. 22:16 (ссылка)
спасибо
Ответить С цитатой В цитатник
erlikon2   обратиться по имени Четверг, 21 Июля 2011 г. 20:09 (ссылка)
Спасибо большое!
Ответить С цитатой В цитатник
Yoanna   обратиться по имени Понедельник, 25 Июля 2011 г. 17:05 (ссылка)
Ответить С цитатой В цитатник
LVN   обратиться по имени Среда, 28 Ноября 2012 г. 05:46 (ссылка)
Мой переделанный пост.
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

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

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

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

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