-Рубрики

 -Приложения

  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Кнопки рейтинга «Яндекс.блоги» Кнопки рейтинга «Яндекс.блоги»Добавляет кнопки рейтинга яндекса в профиль. Плюс еще скоро появятся графики изменения рейтинга за месяц
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо

 -Всегда под рукой

 -Поиск по дневнику

Поиск сообщений в Шадрина_Галина

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 22.09.2013
Записей: 1430
Комментариев: 53067
Написано: 55139


Как сделать музыкальную открытку без фотошопа

Вторник, 15 Сентября 2015 г. 10:02 + в цитатник

Сегодня я расскажу вам как сделать музыкальную открытку, так как очень много вопросов возникает по этой теме. Например ВОТ ТАК., где плеер включается и выключается нажатием кнопки.
Что же ты осень так долго,без меры
-Льёшь слезинки дождя наугад?
За окном в тучах серое небо.
Кружит в танце свой вальс листопад.

Может быть так прощаешься с летом,
И его возвращения ждёшь?
-Отшумело,сгорело,исчезло...
Дней прекрасных уже не вернёшь!



Кружат в воздухе медленно листья,
Я по саду немного пройду.
Одиноко,тоскливо на сердце
-В позабытом,осеннем саду..







Вот в этой рамке код этой музыкальной открытки. (Для удобства потяните рамку за правый нижний уголок, и код вам откроется в полном размере).



Сделать это совсем несложно. Просто надо знать, что картинка в данном случае ВЫСТУПАЕТ КАК ФОН. То есть, вместо фона, который вы ставите под запись, здесь вставляется картинка. А на фон можно поставить все. И музыку, и текст, и какую то кнопку, и еще картинку.

Теперь попробую показать на рисунках как это делается. Вот в этом окошечке ФОРМУЛА МУЗЫКАЛЬНОЙ ОТКРЫТКИ С ТЕКСТОМ, в которую вам ТОЛЬКО подставить свои значения. В этой формуле уже подставлены значения по редактированию текста (то есть его размер, цвет и расположение) естественно вы все это можете заменять на свои значения.



Если вам на открытке совсем не нужен текст, или вы сразу взяли картинку со стихами, то весь этот блог (с текстом) вы можете просто выкинуть. Код МУЗЫКАЛЬНОЙ ОТКРЫТКИ БЕЗ ТЕКСТА в этом окошечке.


Аккуратно копируем всю формулу из рамочки! Ставим ее в НОВУЮ ЗАПИСЬ. И подставляем свои значения.

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

1 (700x158, 55Kb)

Формула с уже вставленными значениями выглядит так. (текст я сократила для того что б картинка не выглядела слишком громоздкой)

2 (700x196, 91Kb)

ВНИМАНИЕ. Размеры картинки имеют очень важное значение. Если вы их поставите неправильно, то ваша открытка выползет за рамки, и это будет выглядеть не красиво. Советую ставить размер у картинки - чуть чуть поменьше, чем они а самом деле, тогда открытка будет смотреться очень красиво.

Теперь поясню некоторые значения. Для того, что б музыка или текст стояли там, где нужно мне, (справа, слева или посредине, я ставлю тег выравнивания. Эти теги ставятся прямо ПЕРЕД КОДАМИ тех значений, которые вы хотите выравнять (например, хотите что б музыка стояла слева, значит перед КОДОМ ПЛЕЕРА прописываете тег выравнивания СЛЕВА). Для тех кто не знает эти коды, я вам их пропишу.

текст, рамка, картинка, музыка у вас будут стоять СЛЕВА

текст, рамка, картинка, музыка у вас будут стоять СПРАВА

ПО ЦЕНТРУ - Рамка, пост, музыка, картинка и прочее.

ТЕПЕРЬ ВНИМАНИЕ. МУЗЫКА, или текст на картинке, может встать не туда, куда вам надо. (Обычно она встает посредине картинки, можно ее ставить справа или слева, теми кодами что я дала). НО ЕСЛИ МУЗЫКУ НАДО ОТПУСТИТЬ НИЖЕ ТО ПЕРЕД ТЕМ, КАК НАЧАЛСЯ КОД МУЗЫКИ СТАВИМ вот этот тег



Ставьте этих знаков столько, пока вставка музыки не опустится в самый низ. ЧЕМ БОЛЬШЕ картинка (длиннее), тем больше таких знаков надо поставить. Вот так это выглядит. Обратите внимание на мою открытку, последнее четверостишье я (для примера) специально опустила пониже, поставив код опускания вниз. И естественно в самый низ поставила музыку, поставив перед ней тот же код. Если музыка вам нужна в левом углу, то перед ней можно поставить код централизации (слева), коды я вам прописала.

3 (700x123, 54Kb)

С оформлением картинки разобрались.

И теперь ПОЯСНЯЮ ДЛЯ САМЫХ НОВЫХ НОВИЧКОВ, что касается слов АДРЕС КАРТИНКИ. (остальные это могут пропустить)

Тем кто недавно оформляет блоги, и грузит картинки, на которую будете ставить музыку, через http://www.radikal.ru/. Хорошо посмотрите на формулу. Вместо слов АДРЕС КАРТИНКИ, ставьте код РАДИКАЛ-1, это и есть адрес картинки. Дальше идут ширина картинки, и высота. Это возьмите на радикале, . Она всегда там указана.


Кто работает давно, и ставит картинки прямо из инета, взяв ее адрес (как обычно мышкой встать на картинку, нажать правую кнопку и выбрать КОПИРОВАТЬ ССЫЛКУ НА ИЗОБРАЖЕНИЕ, или СВОЙСТВА, а там адрес картинки. И там же, в свойствах (или информации об изображении) найти размеры картинки.

Я редко доверяю сайтам из интернета, они часто переезжают, закрываются и прочее, поэтому картинки пропускаю через комп, или (чаще) беру в своих альбомах на ВОТ ЗДЕСЬ НА ЯНДЕКС ФОТО. Куда загружаю все нужное мне для работы. (картинки не мои, собраны с инета, с открытых источников. Спасибо автроам за красивые работы)

Теперь начинаем подставлять в формулу. КТО ГРУЗИТ ЧЕРЕЗ РАДИКАЛ
Вместо слов АДРЕС КАРТИНКИ (их стираем), ставим КОД РАДИКАЛА №1, а вместо слов Ширина и высота картинки, ставим размеры. (которые тоже можно взять на радикале)


С ЯНДЕКС ФОТО АДРЕС взять еще проще. Там тоже указаны размеры картинки (ее ширина и высота) В подробностях как взять картинку или ее адрес с ЯНДЕКС ФОТО МОЖНО ПОСМОТРЕТЬ ЗДЕСЬ.

Аккуратно стираем слова АДРЕС КАРТИНКИ, и ставим вместо них адрес. Ваша формула теперь будет выглядеть вот так
4 (700x95, 56Kb)

РЕДАКТИРОВАНИЕ ТЕКСТА
Ну текст вставить и отредактировать несложно, все делается как обычно, Ставим размер текста, цвет, где он будет располагаться и пишем все, что вы хотите видеть на своей картинке.

Теперь переходим к вставке музыки.

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



[flash=25,20,//img1.liveinternet.ru/images/attach/c/1//3795/3795123_player.swf?mp3=АДРЕС МУЗЫКИ.mp3&showslider=0&width=25&height=20&loop=0&volume=100&buttoncolor=ffffff&buttonovercolor=e0b16f&bgcolor1=d49741&bgcolor2=d38c29&bgcolor=d49741]



[flash=44,44,http://www.yapfiles.ru/files/657436/pleer131LuIra.swf?mp3=АДРЕС МУЗЫКИ.mp3]

Или вот такой простой плеер.


[flash=400,30,http://legion-blog.narod.ru/player/player-viral.swf?file=Ссылка_на_песню&skin=http://legion-blog.narod.ru/player/skin/4.swf]



[flash=400,20,//img1.liveinternet.ru/images/attach/c/0/3709/3709068_jwplayer.swf?file=ОСНОВНОЙ КОД&width=400&height=20&backcolor=FF66FF&frontcolor=000000&/]

Можно подобрать красивый плеер по теме вашей картинки. Тогда ваша открытка будет выглядеть так.

























Картинка птицы на открытке тоже вставлена, и к ней применена формула движения текста, только вместо текста я вставила картинку анимашку, и птичка тоже побежала (то есть полетела) Так как картинка здесь выступает фоном, то ставим все, что вам хочется.

Подробнее о кодах движения текста или картинки МОЖНО ПОСМОТРЕТЬ ЗДЕСЬ

В плеере вместо слов АДРЕС МУЗЫКИ вставьте адрес песни, какую вы хотите поставить на свою картинку. Песни можно брать прямо со своих любимых сайтов, по ПРЯМОЙ ССЫЛКЕ НА ПЕСНЮ. Но лучше всего ставить через комп. Особенно новичкам, так как скачать песню на комп и вставить ее в пост гораздо проще, чем выделить прямую ссылку на песню.

Подробно, КАК ВСТАВИТЬ МУЗЫКУ ИЗ КОМПА В НОВУЮ ЗАПИСЬ МОЖНО ПОСМОТРЕТЬ ЗДЕСЬ

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

Зато для вашей фантазии здесь огромное поле. Вставляем текст, картинку и музыку. и получаем








Всем доброе утро!!






Вот код открытки со вставленным текстом, картинкой и музыкой.



Успехов в вашем творчестве.
cat15-16.gif
Рубрики:  Уроки для блогов
Метки:  

Процитировано 216 раз
Понравилось: 112 пользователям

streglova   обратиться по имени Вторник, 15 Сентября 2015 г. 10:13 (ссылка)
Доброго утра, Галочка! Спасибо за подробное и понятное объяснение. Я делала такие музыкальные отурыточки по формуле. Очень удобно и хорошо получается. Всего доброго тебе!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 16 Сентября 2015 г. 11:32ссылка
Подскажите пожалуйста,если я сделала рамочку,и хочу вставить музыку с альбома,рамочка смещается.Что надо сделать,чтобы она выровнялась?Спасибо.
Перейти к дневнику

Среда, 16 Сентября 2015 г. 12:55ссылка
Смотрите, чтобы плеер и картинки были не шире рамочки. Тогда ничего смещаться не будет
Цветок_грез_Танюша   обратиться по имени Вторник, 15 Сентября 2015 г. 10:17 (ссылка)
Спасибо, Галина.
Ответить С цитатой В цитатник
orliya   обратиться по имени Вторник, 15 Сентября 2015 г. 10:19 (ссылка)
Шадрина_Галина, Галиночка, спасибо за урок!!!
unnamed (700x468, 1860Kb)
Ответить С цитатой В цитатник
Люда_Л   обратиться по имени Вторник, 15 Сентября 2015 г. 10:32 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Фотомир_анимаций   обратиться по имени Вторник, 15 Сентября 2015 г. 10:32 (ссылка)
спасибо, Галочка..
Ответить С цитатой В цитатник
Алюшкагригорьевна   обратиться по имени Вторник, 15 Сентября 2015 г. 10:39 (ссылка)
Доброго времени Галочка! Спасибо за подробный урок. С благодарностью цитирую.
Ответить С цитатой В цитатник
TataGar   обратиться по имени Вторник, 15 Сентября 2015 г. 10:45 (ссылка)
Спасибо за урок. Давно хочу научиться.
Ответить С цитатой В цитатник
Irishka_vot_tak   обратиться по имени Вторник, 15 Сентября 2015 г. 10:45 (ссылка)
С благодарностью цитирую!!!
Ответить С цитатой В цитатник
Нина36   обратиться по имени Вторник, 15 Сентября 2015 г. 10:59 (ссылка)
Спасибо Галочка за урок,нужно попробовать!!!
Ответить С цитатой В цитатник
svetukia1941   обратиться по имени Вторник, 15 Сентября 2015 г. 11:22 (ссылка)

0_12bbf0_71781994_S (150x73, 6Kb)
Ответить С цитатой В цитатник
IrinaUl   обратиться по имени Вторник, 15 Сентября 2015 г. 11:28 (ссылка)
Доброго времени Галочка! Спасибо за подробный урок.
Чудесного тебе денечка!
Ответить С цитатой В цитатник
Оленька_555   обратиться по имени Вторник, 15 Сентября 2015 г. 11:36 (ссылка)
Спасибо! Кажется очень сложно! Так всего много! Надо попробовать!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 15 Сентября 2015 г. 13:45ссылка
Сложного нет ничего. Возьми формулу и подставляй значения. там просто все уж очень подробно, это для новичков.
лариса_67   обратиться по имени Вторник, 15 Сентября 2015 г. 11:43 (ссылка)
благодарю, забираю
Ответить С цитатой В цитатник
Ирина_Лыткина   обратиться по имени Вторник, 15 Сентября 2015 г. 14:07 (ссылка)
забрала
Ответить С цитатой В цитатник
nmaklygina   обратиться по имени Вторник, 15 Сентября 2015 г. 14:13 (ссылка)
Спасибо! Надо учится.
Ответить С цитатой В цитатник
lyplared   обратиться по имени Вторник, 15 Сентября 2015 г. 14:58 (ссылка)
Огромное вам спасибо!
Ответить С цитатой В цитатник
Волжанка-52   обратиться по имени Вторник, 15 Сентября 2015 г. 15:18 (ссылка)
Спасибо Галочка,классный урок,всё понятно!!!!!!!
Спасибо!
Ответить С цитатой В цитатник
PROSTO_BLOGER   обратиться по имени Вторник, 15 Сентября 2015 г. 17:04 (ссылка)
Добрый вечер, Галина))) Интересные у Вас посты, актуальные))) Очень понравилась музыкальная открытка, взяла код опробовать - почему-то не работает((( Что-то не так делаю...
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 15 Сентября 2015 г. 21:13ссылка
Спасибо за подсказку. Почему то при вставке кода в окошечко появились лишние символы, и они растягивают картинку. А я не перепроверила. Сейчас все исправила. Копируй код, и вставляй, должно получится. Напиши мне пожалуйста, если вдруг что то снова не так. Может только у меня работает.
Перейти к дневнику

Среда, 16 Сентября 2015 г. 15:38ссылка
Я снова опробовала код из вчерашнего поста ( открытка без анимации, плеер открывается в другом окне в левом углу(( Может я не тот код взяла... А вот с часами PLAY ОТЛИЧНО!!! СПАСИБО))))))))))))))))))))))))))))
Перейти к дневнику

Среда, 16 Сентября 2015 г. 19:43ссылка
Может копируешь что нибудь не до конца! Вроде все проверила, картинка встает нормально! Проверь еще раз!
LudmelaRU   обратиться по имени Вторник, 15 Сентября 2015 г. 17:47 (ссылка)
Галочка, дорогая! За за такой подробный урок слов благодарности целый вагон и в придачу поклон!
Цитирую и сажусь за урок. Тебе Благо Господа!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 15 Сентября 2015 г. 21:19ссылка
Спасибо за добрые слова! должно все получится. Ведь сложного ничего нет. Главное поставь правильно размеры, и не выезжай за края. И не пугайся, если выедешь. Все можно подправить!
sananasan   обратиться по имени Вторник, 15 Сентября 2015 г. 18:41 (ссылка)
Дорогой мой учитель! Сколько раз меня выручали ваши уроки.Собственно.творить на компе меня научили вы. Спасибо вам огромное за ваш постоянный труд.Урок великолепен и все очень понятно,даже нам "чайничкам-кофейничкам." Еще раз огромное спасибо.Хорошего настроения и крепкого здоровья желаю вам.
С уважением Надежда Санаева
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 15 Сентября 2015 г. 21:16ссылка
Спасибо Надюша за добрые слова и теплые пожелания! Очень рада что у тебя все стало получатся!
Марина_55   обратиться по имени Вторник, 15 Сентября 2015 г. 18:56 (ссылка)
Спасибо огромное, Галочка!
Ответить С цитатой В цитатник
Зоя_К_11   обратиться по имени Вторник, 15 Сентября 2015 г. 19:36 (ссылка)
Хорошо - все в одном месте, а то я картинки подписывала отдельно, потом музыку. Спасибо, Галина, за уроки. Хороших осенних дней!!
Ответить С цитатой В цитатник
Галина_Ковальская   обратиться по имени Вторник, 15 Сентября 2015 г. 20:46 (ссылка)
Все как всегда красиво, продумано и вызывает восхищение. Огромное Вам спасибо! Наконец-то я осуществлю свое желание. СПАСИБО.
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 15 Сентября 2015 г. 21:17ссылка
Буду рада, если все получится!
Перейти к дневнику

Среда, 16 Сентября 2015 г. 11:03ссылка
Пока только пробую. СПАСИБО !
TAISA_ANDRYEYEVA   обратиться по имени Вторник, 15 Сентября 2015 г. 22:19 (ссылка)
Благодарю Вас,Галина, за Ваши уроки!!!

(Добавил ссылку к себе в дневник)

Ответить С цитатой В цитатник
serafima52   обратиться по имени Как сделать музыкальную открытку без фотошопа Вторник, 15 Сентября 2015 г. 23:51 (ссылка)
Большое спасибо за подробные пояснения и науку. Удач.
Ответить С цитатой В цитатник
Smelena   обратиться по имени Благодарю за чудесный и нужный урок Галина:-) Среда, 16 Сентября 2015 г. 00:15 (ссылка)
Шадрина_Галина, ваш пост взяла с большой благодарностью...
Но... кнопочка музыки у меня не встает слева в мою картинку (коллаж) без текста,
фон мне, естественно, не нужен...что я только не делала... у меня не получается...
Буду дальше экспериментировать...это продолжается уже около 3-часов...
Уффффффффф... и все никак!
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 16 Сентября 2015 г. 01:28ссылка
Сбрось мне прямо в комментарий что у тебя получилось. Я попробую разобраться где ошибка.
Перейти к дневнику

Среда, 16 Сентября 2015 г. 01:36ссылка
Шадрина_Галина, спасибо большое за отзывчивость, Галиночка:-)))
вот так как-то...

Перейти к дневнику

Среда, 16 Сентября 2015 г. 11:08ссылка
Просто поставить плеер на картинку нельзя. (Вернее можно, но совсем по другой формуле, но там тогда размер картинки должен равняться размеру флешки, (в нашем случае плеера), так ставится дождь, снег и прочее ВО ВСЮ КАРТИНКУ. У меня есть такой урок)
В данном случае картинка выступает КАК ФОН. Только тогда на нее и ставится все, что нам надо. Вот как я сделала это сейчас. Плеер стоит в самом низу, в левом углу. Он желтый, поэтому его плохо видно на желтом.
























Перейти к дневнику

Среда, 16 Сентября 2015 г. 16:47ссылка
Шадрина_Галина, спасибо вам огромное, Галиночка:-)))
Сейчас попробую еще раз разобраться ...
из-за этого плеера, рамка становится жаль, непропорциональной,а так,
зДорово у вас все получилось, спасибо огромадное вам, доброго здоровья, удачи во всем:-)))
Перейти к дневнику

Среда, 16 Сентября 2015 г. 17:24ссылка
Шадрина_Галина, огромное спасибо, Галиночка, за неоценимую помощь,
прошу ко мне в гости, вот мой пост: http://www.liveinternet.ru/users/smelena/post371966009/
Я с большим удовольствием буду к вам заходить, меня зовут Елена, можно просто Лена, я всегда буду рада вам, заходите, если будет возможность:-)))
Благодарю еще раз, от души:-)))
мисс_Люсси   обратиться по имени Среда, 16 Сентября 2015 г. 06:44 (ссылка)
Спасибо. Надо попробовать
Ответить С цитатой В цитатник
Бущан_Зоя   обратиться по имени Среда, 16 Сентября 2015 г. 07:31 (ссылка)
Спасибо за урок!
Ответить С цитатой В цитатник
v-zaryuta   обратиться по имени Среда, 16 Сентября 2015 г. 08:29 (ссылка)
Спасибо Вам за подробный урок ! Очень нужно учиться, тренироваться, здорово, что Вы даете нам такую возможность!
Ответить С цитатой В цитатник
Рябина_Рябинушка   обратиться по имени Среда, 16 Сентября 2015 г. 10:17 (ссылка)
Для меня это пока что высшая математика ...
спасибо, что делитесь своими знаниями.
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] 2 [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку