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

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

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




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

<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>КОД ВАШЕЙ АНИМАЦИИ</b></font> </td></tr></tbody></table></center>

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

<img src="http://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 - Flash-uploader
...
Часть 9 - КНОПКА ВЫПАДАЮЩЕГО МЕНЮ (все ссылочки на одной строке)
Часть 10 - Маленькая шпаргалка по выравниванию текста
Часть 11 - ЩАБЛОНЫ ДЛЯ ВСТАВКИ В КАРТИНКУ АНИМАЦИИ, ПЛЕЕРОВ И ССЫЛОК
Часть 12 - ТЕКСТ МЕЖДУ КАРТИНОК
Часть 13 - ШПАРГАЛКА ПО УВЕЛИЧЕНИЮ И УМЕНЬШЕНИЮ РАЗЛИЧНЫХ ШРИФТОВ
...
Часть 35 - Как сделать в журнале тематические блоки (интерактивное содержание)
Часть 36 - Закругляем углы на картинке
Часть 37 - ЖЖ-теги: шпаргалка. ( Кат, ссылки, форматирование текста и другое )

Серия сообщений "Создание рамочек":
Часть 1 - Делаем рамочку с картинками
Часть 2 - Очень красивые анимированные фоторамочки
...
Часть 10 - ОБРАМЛЯЕМ КАРТИНКУ РАМОЧКОЙ (урок от Zomka)
Часть 11 - ОБРАМЛЯЕМ КАРТИНКУ РАМОЧКОЙ (урок от Джулии)
Часть 12 - ЩАБЛОНЫ ДЛЯ ВСТАВКИ В КАРТИНКУ АНИМАЦИИ, ПЛЕЕРОВ И ССЫЛОК
Часть 13 - СДЕЛАТЬ ТЕКСТ С ПРОКРУТКОЙ ВО ФЛЕЙМЕ...
Часть 14 - Создание рамочек. Уроки Фотошоп и GIMP.
Часть 15 - Урок по ФШ CS5 - Делаем рамку.
Часть 16 - Создание различных рамок в Фотошопе
Часть 17 - Генераторы!!! Четыре в одном!

Серия сообщений "Создание анимации":
Часть 1 - Аниматоры
Часть 2 - КАК ИЗ ВАШИХ ФОТО СДЕЛАТЬ АНИМАЦИЮ
...
Часть 6 - КАК СДЕЛАТЬ ФОН БЕЗ ШВОВ
Часть 7 - ОНЛАЙН СЕРВИСЫ ПО ПРЕОБРАЗОВАНИЮ ВАШЕГО ФОТО
Часть 8 - ЩАБЛОНЫ ДЛЯ ВСТАВКИ В КАРТИНКУ АНИМАЦИИ, ПЛЕЕРОВ И ССЫЛОК
Часть 9 - ОНЛАЙН-СЕРВИСЫ: GLITTER BASE и Red Dodo
Часть 10 - УРОКИ АНИМАЦИИ В PHOTOSHOP И GIMP
...
Часть 20 - Сделать гифку из видео он-лайн
Часть 21 - Анимация без фотошопа
Часть 22 - Онлвйн сервис hypah.com (анимация без фотошопа)