Будем делать простой потоковый плеер - кнопку из анимационной картинки. Это очень быстрый способ создать музыкальную флеш картинку для украшения своих записей или эпиграфа дневника. Для создания плеера нам потребуется только одна интересная анимационная картинка и минимум действий.
Вот мой результат урока.


А это анимационная картинка сделанная мною для плеера


Вы тоже можете сделать свою анимацию или взять готовую из интернета.
Урок выполнен в программе Sothink SWF Quicker русская портативная версия SothinkSWFQuicker_5.3.511
Скачать эту версию можно здесь
http://rusfolder.com/37464551
1 Открываем программу и В панели "Свойства" выставляем параметры для флеш ролика
Ширина рабочего поля в пикселях.
Высота рабочего поля в пикселях.
Частота кадров и цвет фона.
Размеры рабочего поля равны размерам вашей картинки
В моем случае это 550 пикс x 500 пикс. Частота кадров равна 12 кадрам в сек.


2.Далее, на Временной Шкале создаем 4 слоя (снизу вверх). Самый нижний слой "Play". Здесь будет картинка, работающая как кнопка "Play". Над этим слоем второй слой - "Stop". Здесь будет располагаться картинка - кнопка "Stop". Еще выше, третий слой для подписи - "Подпись" и самый верхний - четвертый слой для записи скрипта - "Скрипт".




"Читаем урок про плеер кнопку далее"

Серия сообщений "Уроки Flash":

уроки в разных флешпрограммах, авторские уроки flash

Часть 1 - Делаем элементарные часики.Начинаем учиться созданию flash.
Часть 2 - Как правильно записать код флешки или видео в рамочку для кодов.
...
Часть 18 - Вечный таймер обратного отсчета в программе Sothink SWF Quicker. AS2 .
Часть 19 - Делаем «Вечный таймер обратного отсчета» в Adobe Flash. AS3
Часть 20 - Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.

Серия сообщений "Рождество":

Часть 1 - Символы Православия. Клипарт PNG.
Часть 2 - Кластеры "Рождественское тепло".
...
Часть 16 - Векторный клипарт «Снежное Рождество».
Часть 17 - Набор для дизайна «Рождество».
Часть 18 - Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.
Часть 19 - С Рождеством!

Серия сообщений "Flash плееры":

Часть 1 - Музыкальная флеш открытка к 23 февраля.
Часть 2 - Flash плееры "Цветочные"
...
Часть 22 - Флеш часики, информер и флеш плеер «Старое кафе».
Часть 23 - Прикольное флеш поздравление с Новым Годом.
Часть 24 - Плеер кнопка из анимашки. Урок для Sothink SWF Quicker.
Часть 25 - Флеш плеер «Радио микс».

Серия сообщений "=ЛиРу/ коды, формулы":

Часть 1 - Расположение музыки на картинке
Часть 2 - Урок по таблицам. Формулы
Часть 3 - Коды оформления блога
...
Часть 44 - Простые рамки для выделения текста
Часть 45 - Как сделать картинку круглой без ФШ
Часть 46 - Картинки в одну линеечку

Серия сообщений "=ЛиРу/ ссылки, общее":

Часть 1 - Формулы 1 мои
Часть 2 - Формулы 2 мои
...
Часть 5 - Мои информеры 1
Часть 6 - Моя шпаргалка по формулам
Часть 7 - Расположение музыки на картинке
Часть 8 - Эпиграф
Часть 9 - Простая рамка и кнопки
...
Часть 28 - В помощь новичкам
Часть 29 - Энциклопедия ЛиРу
Часть 30 - Вопросы и ответы

Серия сообщений "=уроки по музыке":

Часть 1 - Расположение музыки на картинке
Часть 2 - Как загрузить музыку в раздел "Музыка" на ЛиРу?
Часть 3 - Музыку загружаем в дневник ( 2 способа)
...
Часть 25 - Как сделать музыкальную открытку
Часть 26 - Учимся делать музыкальную картинку
Часть 27 - Делаем музыкальную открытку

Всем привет!

Часто приходит вопрос : Как сделать текст с прокруткой в флейме?

Попробую объснить)

Сначала пишите нужный Вам текст, редактируете его по своему усмотрению, после чего в самое начало (перед Вашим текстом) вставляете вот этот код:

Значения указанные цифрами:

1 - это ширина текста по отношению к странице, сейчас стоит 100% - если хотите чтоб было меньше просто поменяйте цифру. Да и если Вам по какой-то причине не нравиться делать в процентах, то вы всегда можете изменить % на px.
2 - это высота видимого текста, стоит 300, можете по необходимости менять в большую или меньшую сторону.
3 - это отступ сверху от начала сообщения, сейчас стоит 0, если хотите, то можете поменять и флейм с текстом опустится на нужное Вам значение.
4 - это отступ с левой стороны, стоит 0, так же можете поменять на нужное Вам значение.

Пример) убираем весь текст во флейм, чтоб сократить длинну поста я уменьшила высоту прокрутки до 100px и поменяла отступ сверху с 0 на 20px

C этим разобрались, теперь отвечу на второй вопрос -

Как вставить прокрутку в рамочку?

Если у Вас стоит картинка в самом верху рамочки по центру, то делаете всё так же как описано выше - вставляете код в рамочку перед Вашим текстом.

Как вставить прокрутку в рамочку? Если у Вас стоит картинка в самом верху рамочки по центру, то делаете всё так же как описано выше - вставляете код в рамочку перед Вашим текстом. Если у Вас картинка слева или справа рамочки и Вы не хотите, чтоб было пустое пространство рядом с ней, то нужно изменить код. Возьмём для примера вот эту рамочку со вставленной в неё прокруткой:  Первое, что Вам нужно поменять, так это отступ с левой стороны, потом ширину и высоту прокрутки, для этого нужно знать размер картинки. В этой рамочке это 300х209, значит 4 пункт (отступ слева) мы меняем на 310, а 2 пункт (высота прокрутки ) мы меняем, на 200. Ширину прокрутки (пункт 1) с 100% я поменяла на 350px (под ширину своего экрана) - Вы можете поменять на нужное Вам значение Дайтека

Если у Вас картинка слева или справа рамочки и Вы не хотите, чтоб было пустое пространство рядом с ней, то нужно изменить код.

 Возьмём для примера вот эту рамочку со вставленной в неё прокруткой: 

Как вставить прокрутку в рамочку? Если у Вас стоит картинка в самом верху рамочки по центру, то делаете всё так же как описано выше - вставляете код в рамочку перед Вашим текстом. Если у Вас картинка слева или справа рамочки и Вы не хотите, чтоб было пустое пространство рядом с ней, то нужно изменить код. Возьмём для примера вот эту рамочку со вставленной в неё прокруткой:  Первое, что Вам нужно поменять, так это отступ с левой стороны, потом ширину и высоту прокрутки, для этого нужно знать размер картинки. В этой рамочке это 300х209, значит 4 пункт (отступ слева) мы меняем на 310, а 2 пункт (высота прокрутки ) мы меняем, на 200. Ширину прокрутки (пункт 1) с 100% я поменяла на 350px (под ширину своего экрана) - Вы можете поменять на нужное Вам значение Дайтека

Первое, что Вам нужно поменять, так это отступ с левой стороны, потом ширину и высоту прокрутки, для этого нужно знать размер картинки которые находятся в коде самой картинки. В этой рамочке это 300х209, значит 4 пункт (отступ слева) мы меняем на 310, а 2 пункт (высота прокрутки ) мы меняем, на 200. Ширину прокрутки (пункт 1) с 100% я поменяла на 350px (под ширину своего экрана) - Вы можете поменять на нужное Вам значение.

Дополнение)

Если Вы хотите поместить в прокрутку только часть своего поста, а не весь, то Вам нужно использовать вот эти тэги <pre> Ваш текст </pre>всё что находится между ними будет в прокрутке, что до них или после них в прокрутку входить не будет.

Вот вроде и всё) если что-то осталось не понятно, то пишите в комментах попробую объяснить подробней.

 

Перейдя по ссылке, 

Вы увидите пост-пример 

http://www.liveinternet.ru/users/misskcu/post207689028/

 

читать дальше...

Материал, который понадобится Вам для работы:

 

Урок "Кнопка Источник в расширенном редакторе."   http://www.liveinternet.ru/users/misskcu/post197213277

Код 8-слойной рамочки 

<div align="center"><table cellspacing="2" cellpadding="5" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 5px;"><table cellspacing="2" cellpadding="5" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 10px;"><table cellspacing="2" cellpadding="5" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 5px;"><table cellspacing="0" cellpadding="3" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 50px;"><table cellspacing="2" cellpadding="5" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 5px;"><table cellspacing="2" cellpadding="5" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 10px;"><table cellspacing="2" cellpadding="5" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 5px;"><table cellspacing="0" cellpadding="0" border="1" background="ФФФФФ"><tbody><tr><td style="padding: 1px;"><div align="center"><p>Линеечка или картинка</p><center><b><font face="Monotype Corsiva"><b><text size="5"><b><i><text color="330000">Ваш текст  <br /></text></i></b></text></b></font></b><br /></center> <center><b><font face="Monotype Corsiva"><b><text size="5"><b><i><text color="330000">   Линеечка </text></i></b></text></b></font></b></center></div></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table>логотип</td></tr></tbody></table></td></tr></tbody></table></div><p> </p>

 

Адрес сайта "Радикал.ру"      http://www.radikal.ru/

Адрес сайта "Писец"          http://4maf.ru/pisec/

Урок по работе на сайте "Писец"            http://www.liveinternet.ru/users/misskcu/post194404383

Сайт "Привет.ру "        http://privet.ru/

Урок "Как создать плейлист на Привет.ру"          http://www.liveinternet.ru/users/misskcu/post200961476

Серия сообщений "Мои уроки по Ли.ру":
Часть 1 - Урок создания прозрачного фона от MissKcu
Часть 2 - Как вставить разделители в пост. Урок от MissKcu
...
Часть 11 - Урок по написанию поста на Ли.ру от MissKcu
Часть 12 - Урок по созданию рамочек с разрывом от MissKcu
Часть 13 - Урок по созданию красивой рамочки от MissKcu
Часть 14 - Как изменить фон сообщений в понравившемся дизайне для днева.
Часть 15 - Урок об написании постов на Ли.ру от MissKcu
...
Часть 18 - Вы убрали Корону? ушли Рубрики и все остальное?
Часть 19 - Как вставить Плейкаст в свой Дневник (блог на Привете). Урок от MissKcu
Часть 20 - Убираем стандартную схему