Урок использования флеш материала "След за курсором"

Понедельник, 30 Октября 2017 г. 16:28 + в цитатник

Цитата сообщения Irina-snez

Прочитать целиком В свой цитатник или сообщество!

Урок использования флеш материала "След за курсором"

Люблю делать и использовать следы за курсором в формате . swf , т.е. флешки. Конечно, на мои посты с флеш материалом (следы за курсором)
пост1
пост2
пост3
пост4
можно просто любоваться и гонять фигурки по полю.

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

ВАРИАНТ 1

Лирушники знакомые с очень простой программой Aleo Flash Intro Banner Marker не будут иметь проблем наложения флешки со следом за курсором на любую гифку, картинку или другую флешку. Уроки по этой программе есть у меня в Рубриках.

урок-цитата

ВАРИАНТ 2

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

Многие мои подруги делают рамочки

Наденька - mimozochka
R-Oksana
ВалюшаПП
Елена_Краева

и другие,

большая коллекция рамочек разных авторов у
Надежда-Ариана.

Если Вы процитировали рамочку, то имеете право (не убирая имени автора) вставить в нее пост, стихи и т.д. Но можно вставить на картинку-коллаж и след за курсором, поскольку коллаж помещен в фон таблицы.

Вот специально сделала Разрезную рамочку (код ниже).

ВАШ ТЕКСТ...

<center> <table align="center"> </table> <table background="http://www.yapfiles.ru/files/1785791/0_12abe8_ad081308_XL_01.gif" cellpadding="0" cellspacing="0" height="631" style="border:0px none #000000" width="780"> <tbody> <tr> <td align="center" style="padding:20px"> </td> </tr> </tbody> </table> <table background="http://www.yapfiles.ru/files/1785793/0_12abe8_ad081308_XL_02.gif" cellpadding="0" cellspacing="0" height="19" style="border:0px none #000000" width="780"> <tbody> <tr> <td align="center" style="padding: 0px"> <span style="color:#003333;"><span style="font-size: 28px;"><font face="Monotype Corsiva"><b><b>ВАШ ТЕКСТ... </b> </b></font></span></span></td> </tr> </tbody> </table> <table background="http://www.yapfiles.ru/files/1785794/0_12abe8_ad081308_XL_03.gif" cellpadding="0" cellspacing="0" height="127" style="border:0px none #000000" width="780"> <tbody> <tr> <td align="center" style="padding:0px" valign="bottom"> <img alt="" data-cke-saved-src="//s019.radikal.ru/i621/1204/fe/032e58449507.gif" src="//s019.radikal.ru/i621/1204/fe/032e58449507.gif" style="width: 55px; height: 24px;" /></td> </tr> </tbody> </table> </center>

Для вставки следа за курсором после символа открытия столбца <td и его закрытия </td (на рисунке ниже место вставки закрашено розовым цветом) ставлю код флешки в квадратных скобках (flash=600,500,http://www.yapfiles.ru/files/1630319/2_As2.swf). Размер флешки должен быть на 50...60 пикселей меньше ширины (высоты) рамочки. В приведенном коде (как и всяком другом) 600 - это ширина, 500 - высота флешки, пропорционально изменяйте эти цифры до получения приемлемого результата, когда рамочка не искажается.

РљРѕРґ-1-РѕР±СЂРµР• (700x513, 288Kb)

Поводите курсором по рамочке и увидите результат, полученный код приведен ниже, можете его посмотреть. Как видите все очень просто.

ВАШ ТЕКСТ...

<center> <table align="center"> </table> <table background="http://www.yapfiles.ru/files/1785791/0_12abe8_ad081308_XL_01.gif" cellpadding="0" cellspacing="0" height="631" style="border:0px none #000000" width="780"> <tbody> <tr> <td align="center" style="padding:20px"> [flash=650,542,http://www.yapfiles.ru/files/1630319/2_As2.swf]</td> </tr> </tbody> </table> <table background="http://www.yapfiles.ru/files/1785793/0_12abe8_ad081308_XL_02.gif" cellpadding="0" cellspacing="0" height="19" style="border:0px none #000000" width="780"> <tbody> <tr> <td align="center" style="padding: 0px"> <span style="color:#003333;"><span style="font-size: 28px;"><font face="Monotype Corsiva"><b><b>ВАШ ТЕКСТ... </b> </b></font></span></span></td> </tr> </tbody> </table> <table background="http://www.yapfiles.ru/files/1785794/0_12abe8_ad081308_XL_03.gif" cellpadding="0" cellspacing="0" height="127" style="border:0px none #000000" width="780"> <tbody> <tr> <td align="center" style="padding:0px" valign="bottom"> <img alt="" data-cke-saved-src="//s019.radikal.ru/i621/1204/fe/032e58449507.gif" src="//s019.radikal.ru/i621/1204/fe/032e58449507.gif" style="width: 55px; height: 24px;" /></td> </tr> </tbody> </table> </center>

ВАРИАНТ 3

Если хотите вставить след за курсором над текстом послания - поздравления, то это сделать только чуть сложнее. Понадобится графический редактор, например, фотошоп, чтобы сделать фон с текстом. Вот, скажем, такой, как ниже. Помещаем такую картинку (. jpg или .png) в фон самой простенькой таблицы (см. ниже приведен код). Ширину рамочки можно подогнать к ширине картинки, перемещая курсором ее правую границу в редакторе Лиру, ширину флешки делаете пикселей на 30...50 меньше ширины картинки.

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

Чтобы лучше было видно, смотрите внизу фрагмент верхнего рисунка.

РљРѕРґ-2-РѕР±СЂРµР• (700x341, 123Kb)

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

Серия сообщений "Мои уроки":
Мои уроки
Часть 1 - Урок "Градиентная маска в AdobeFlash без кодов"
Часть 2 - Дополнение к уроку "Градиентная маска в AdobeFlash без кодов"
...
Часть 7 - Урок по "заливке" текста футажем (по просьбе подруги mimozochka)
Часть 8 - Придумала урок анимации коллажа бесшовным анимированным фоном
Часть 9 - Урок использования флеш материала "След за курсором"