Шаблоны для вставки плеера и ссылок в картинку от ~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


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

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




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

а вот её код

<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>

Что в ней что?
Вместо ААА вставьте ширину картинки вашей   Вместо ВВВ вставьте высоту вашей картинки   АДРЕС ВАШЕЙ КАРТИНКИ это ссылка имеено на картинку (не весь код!!!а только ссылка)  и КОД ВАШЕЙ АНИМАЦИИ это целый код картинки-анимации
он у меня вот такой...

<img src="//img0.liveinternet.ru/images/attach/c/0//47/187/47187640_ch.gif" width="200" height="182" alt=" (160x182, 23Kb)" />

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

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



А можно код анимации поставить дважды друг за другом....тогда получится вот так...


Можно перед кодом анимации написать текст вот так...

ДЕЛА ДАВНО МИНУВШИХ ДНЕЙ

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

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

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

 

Серия сообщений "Шаблоны":
Часть 1 - Меняем цвет под определённым участком текста
Часть 2 - Делаем рамочку с картинками
...
Часть 5 - КНОПКА ВЫПАДАЮЩЕГО МЕНЮ (все ссылочки на одной строке)
Часть 6 - Маленькая шпаргалка по выравниванию текста
Часть 7 - ЩАБЛОНЫ ДЛЯ ВСТАВКИ В КАРТИНКУ АНИМАЦИИ, ПЛЕЕРОВ И ССЫЛОК
Часть 8 - ТЕКСТ МЕЖДУ КАРТИНОК
Часть 9 - ШПАРГАЛКА ПО УВЕЛИЧЕНИЮ И УМЕНЬШЕНИЮ РАЗЛИЧНЫХ ШРИФТОВ
...
Часть 39 - ПРОСТЫЕ РАМКИ С ЗАГОЛОВКОМ
Часть 40 - Полоски или линии которыми можно украсить свой текст
Часть 41 - КОДЫ ОСНОВНЫХ КНОПОЧЕК

Серия сообщений "Создание рамочек":
Часть 1 - Делаем рамочку с картинками
Часть 2 - Обводка текста рамочкой
Часть 3 - УРОКИ ОФОРМЛЕНИЯ ПОСТОВ С ПОДЛОЖКОЙ ИЗ ФОНА
Часть 4 - Урок от Zomka. ПОЛЕЗНЫЕ ТЕГИ ПРИ ИЗГОТОВЛЕНИИ РАМОЧЕК
Часть 5 - ЩАБЛОНЫ ДЛЯ ВСТАВКИ В КАРТИНКУ АНИМАЦИИ, ПЛЕЕРОВ И ССЫЛОК
Часть 6 - Создание рамочек. Уроки Фотошоп и GIMP.
Часть 7 - Урок по ФШ CS5 - Делаем рамку.
...
Часть 13 - Мои помощники генераторы для создания рамочек..Делюсь.
Часть 14 - ОБРАМЛЯЕМ КАРТИНКУ РАМОЧКОЙ (урок от Zomka)
Часть 15 - ПРОСТЫЕ РАМКИ С ЗАГОЛОВКОМ

Серия сообщений "Создание анимации":
Часть 1 - Создание анимации из ваших фоток
Часть 2 - СОЗДАНИЕ АНИМАЦИИ
Часть 3 - ЩАБЛОНЫ ДЛЯ ВСТАВКИ В КАРТИНКУ АНИМАЦИИ, ПЛЕЕРОВ И ССЫЛОК
Часть 4 - Онлайн сервис Glitterfy (создание аватарки с блёстками и надписью)
Часть 5 - ОНЛАЙН СЕРВИСЫ ДЛЯ РАБОТЫ С ИЗОБРАЖЕНИЕЯМИ
...
Часть 33 - Бесплатный онлайн сервис с большим набором разных функций BLOG GIF
Часть 34 - Бесплатный онлайн сервис Blingee // Анимация без фотошопа /
Часть 35 - Бесплатный онлайн сервис Gif Maker // создание слайд-шоу и анимации из ваших фоток /