-–убрики

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

ѕоиск сообщений в DragooonFly

 -—татистика

—татистика LiveInternet.ru: показано количество хитов и посетителей
—оздан: 21.03.2011
«аписей: 6787
 омментариев: 22971
Ќаписано: 36683


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

ѕ€тница, 22 »юл€ 2011 г. 15:25 + в цитатник
÷итата сообщени€ zomka ”рок о том как добавить анимацию на вашу картинку










Ќу что, мои хорошие...ќсвоим как мы с вами еще один интересный урок.¬от посмотрите на картинку...

 (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
–убрики:  __–ј«Ќќ≈__/учебник

ѕонравилось: 2 пользовател€м



“эт€   обратитьс€ по имени ѕ€тница, 22 »юл€ 2011 г. 23:51 (ссылка)
—пасибо, забрала, попробую.
ќтветить — цитатой ¬ цитатник
ѕерейти к дневнику

вот у мен€ что получилось

¬оскресенье, 24 »юл€ 2011 г. 14:39ссылка

 (160x182, 23Kb)
ѕерейти к дневнику

¬оскресенье, 24 »юл€ 2011 г. 14:40ссылка
здорово, умница!
 

ƒобавить комментарий:
“екст комментари€: смайлики

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

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

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