mangiana_irina (mangiana_irina) wrote,
mangiana_irina
mangiana_irina

ШАБЛОНЫ ДЛЯ ВСТАВКИ В КАРТИНКУ АНИМАЦИИ, ПЛЕЕРОВ И ССЫЛОК

Шаблоны для вставки плеера и ссылок в картинку от ~lulu~

<table style="border:2px solid #000000" background="АДРЕС ФОНА-ОБРАМЛЕНИЯ" cellspacing="0" cellpadding="0"><tr><td style="padding:20px"><table width="ШИРИНА КАРТИНКИ ПОД ПЛЕЕР" height="ВЫСОТА КАРТИНКИ ПОД ПЛЕЕР" style="border:2px solid #737373" background="АДРЕС КАРТИНКИ ПОД ПЛЕЕР" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><span style="color:#000000;font-size:20px"><center>КОД ПЛЕЕРА</center></div></div></span></td></tr></table></td></tr></table>

Отступ от верхнего края регулируется вручную (через предварительный просмотр). Это зависит от высоты картинки. Она тоже прочно не фиксируется. Если длина рамочки превысит высоту картинки под плеер, снизу покажется ее верхний край, тогда отступ до кода плеера нужно будет уменьшить.

А вот этот же код, но здесь вместо плеера можно вставлять ссылки:

<table style="border:1px solid #000000" background="АДРЕС ФОНА-ОБРАМЛЕНИЯ" cellspacing="0" cellpadding="0"><tr><td style="padding:20px"><table width="ШИРИНА КАРТИНКИ-ПОДЛОЖКИ" height="ВЫСОТА КАРТИНКИ-ПОДЛОЖКИ" style="border:1px solid #737373" background="АДРЕС КАРТИНКИ-ПОДЛОЖКИ ПОД ТЕКСТ" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><span style="color:#000000;font-size:20px"><div align="center">

Ссылка №1
Ссылка №2
Ссылка №3
</div></span></td></tr></table></td></tr></table>

источник: clubs.ya.ru


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

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

 (160x182, 23Kb)



Нравится??? Ну вот это мы с вами и будем учиться делать....
Что нам надо...во-первых сама картинка....и самое главное запоминаем её размеры....и вторая картинка -анимация на прозрачном фоне вот у неё ничего запоминать не надо..нужен только её код)))  Ну и конечно "волшнбная формула" для того чтобы все это соединить....
Итак....приступим....
Выбираем картинку...(на моем примере попробуем) Вот она у меня какая..

а вот её код

Как вы видите Яндекс фотки выдает картинки с размерами...А как быть если в коде этих размеров нет???Да как обычно....
Щелкаем правой кнопкой мышки по картинке и ищем там *Свойства* Ну или что нибудь похожее где можно увидеть размеры картинки...У меня Мозилла....там пункт *информация об изображении*...а у кого другой браузер -наверное знаете, какой пункт показывает размеры картинки...так вот Увидели-запомнили....
далее ...Используем шаблон формулу...вот он..
<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="[url]http://img0.liveinternet.ru/images/attach/c/0//47/187/47187640_ch.gif[/url]" width="200" height="182" alt=" (160x182, 23Kb)" />


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

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

                                                                                                                                                                                                                                                                                                             (160x182, 23Kb)


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


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

а можно просто поставить тег перед КОДОМ АНИМАЦИИ
<p style="text-indent: 60px">       а после кода тег
</p>
и анимация сдвинется вправо настолько насколько поставите цифру вместо 60

Ну вот вроде бы и все случаи описала...Теперь остается только найти анимированнные джифки вам полезные и вставлять их в ваши картинки. Удачи...Ваша Zomka

источник: zomka.ya.ru/replies.xml?item_no=13632

Tags: оформление ссылок, создание анимации, создание коллажей, создание рамочек, уроки, шаблоны
Subscribe

Posts from This Journal “создание коллажей” Tag

promo mangiana_irina april 22, 2016 06:42 41
Buy for 30 tokens
Эти по-настоящему крутые иллюзии канадского художника Роба Гонзалеса удивят тебя не на шутку. Глядя на картину невозможно понять, где заканчивается реальность и начинается иллюзия. Роб начал интересоваться искусством еще в детстве. В 12 лет он начал писать картины, но в то время еще не мог…
  • Post a new comment

    Error

    default userpic

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 23 comments

Posts from This Journal “создание коллажей” Tag