Изображение с аудио в блогах.Урок О.Бор.(для майла)

Суббота, 29 Декабря 2012 г. 00:24 + в цитатник

Изображение с аудио в блогах.
Меня спрашивают, как я публикую картинки с музыкой.
Я делаю это с помощью кода html.
Не помню, где и кого я этот код взяла,
сама я не очень в html, но расскажу,
как им пользоваться.

Итак, перед тем, как перейти к самому коду, хочу заметить,
что я, при создании изображения, которое публикую с музыкой,
всегда делаю рамку, причём размер рамки внизу делаю размером
на 40 пикселей больше, чем вся рамка.
Это место для аудио.

Например, для общей рамки размер холста увеличиваю на 20 пикселей.
Потом, ещё раз топаю в увеличение размера холста
и увеличиваю высоту ещё на 40 пикселей с положением "вниз".

Теперь, сам код.

<table align="center"border="0" cellpadding="0" background="ссылка на изображение" >
<tr><td valign="bottom" align="left" width="ширина изображения " height="высота изображения" style="padding:0px" >
аудио
</td></tr></table>

1. Копируем код, который написан выше.

2. Вставляем в редактор html новой записи в блоге.

3. Загружаем изображение ниже кода

4. Вписываем в код ширину и высоту,
эти параметры видны в коде изображения.
В моём случае ширина 580, высота 504.
В коде аккуратненько, не задев кавычек,
стираем слова "ширина изображения" и "высота изображения",
а вместо них вписываем значения с кода изображения.

5. Жмём на предпросмотр.
Подводим к изображению курсор
(у меня изображение - однотонный фон),
клик правой кнопкой мыши по нему,
из списка выбрать - копировать ссылку на изображение

6. Жмём на "вернуться" и вставляем скопированную ссылку
вместо "ссылка на изображение", а код картинки удаляем

7. Стираем в коде "аудио" и на это место
добавляем музыку из правого окна редактора "вставить" - аудио

Жмём на "Предпросмотр" и получаем

Если всё устраивает, публикуем.
Это всё.
Может существуют другие, более простые способы,
но я проще этого, с учётом почти полного отсутствия знаний html,
не встречала.

С теплом, Ольга Бор.

Серия сообщений "Уроки О.Бор":
Часть 1 - Анимация "Блики".(урок О.Бор)
Часть 2 - Smart Objects(урок для PHOTOSHOP)
...
Часть 22 - Уроки от Ольги Бор:Серебрится снег на ветках....
Часть 23 - Ольга Бор.Обращение.
Часть 24 - Изображение с аудио в блогах.Урок О.Бор.(для майла)
Часть 25 - Первый урок 4 курса тренинга.
Часть 26 - Пасхальная открытка.(по уроку О.Бор)
Часть 27 - Редактирование написанного текста.