-Рубрики

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

Поиск сообщений в Nelya_Gerbekova

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 13.03.2010
Записей: 1019
Комментариев: 13553
Написано: 19144


Как вставить плеер, плейлист и картинку в рамку с кодом(2)

Пятница, 29 Марта 2013 г. 20:57 + в цитатник

 

Автор рамки Litizija   Все ее рамки здесь http://www.liveinternet.ru/users/litizija/

3726295_58403846 (512x512, 134Kb)


4360286_leticiya1 (57x21, 1Kb)

1. Копируем  код рамки и вставляем его  в поле расширенного редактора, при нажатии на кнопку  ИСТОЧНИК (в левом углу редактора)

3726295_99143761_large_3726295_20130329_182422_1 (700x454, 146Kb)

Снова жмите на ИСТОЧНИК и проверьте результат 

3726295_20130329_183525 (700x344, 61Kb)

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

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

Снова жмите на ИСТОЧНИК ,найдите слова ВАШ ТЕКСТ и аккуратно  вместо них вставьте код плейлиста

3726295_20130329_183946 (700x321, 41Kb)

4.Проверяем результат

3726295_20130329_185457 (700x322, 45Kb)

5. Теперь можно вставлять картинку, поставив курсор в нужное место. Если плейлист слишком прижат  к верхней рамке, я поступаю так: левой кнопкой мыши щелкаю   по левой стороне плеера,(выделяю) и жму на ENTER. Рамка плейлиста опускается вниз, освобождая место для картинки . Вставляю картинку из ПК обычным способом 

3726295_20130329_193542 (449x465, 42Kb)

 

3726295_20130329_185902 (700x348, 51Kb)

Если картинка не вставляется проверьте ее расширение

3726295_20130329_193945 (420x78, 20Kb)

6.Обычным способом можно вставить в рамку текст.

Вот что получилось.

3726295_58403846 (512x512, 134Kb)


4360286_leticiya1 (57x21, 1Kb)

 

Как изменить внешний вид вот такого плеера с сайта http://privet.ru/ .


Скопируйте код, вставьте в поле редактора и в ЧЕРНОВИК.Затем, ;жмите на РЕДАКТИРОВАТЬ . Перед вами появится вот такой код, который легко изменить

3726295_20130329_203251_2_ (700x162, 35Kb)

Получился вот такой симпатичный плеер. Теперь при нажатии кнопки ИСТОЧНИК скопируйте код и  вставьте в рамку или сообщение (опять  же  с помощью кнопки ИСТОЧНИК)


Читайте мои уроки!

Самые простые способы вставки  аудио плеера в сообщение дневника

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

Как создать красивую рамку в редакторе дневника и превратить ее в музыкальную открытку 

 

 

Серия сообщений " Оформление дневника ":
Часть 1 - Как создать кнопку-переход
Часть 2 - 7 причин по которым не стоит вставлять в комментарии картинки
...
Часть 19 - Как вставить изображение, текст и плеер в рамочку с кодом(1)
Часть 20 - Как загрузить музыку в дневник из ПК и создать красивый плеер
Часть 21 - Как вставить плеер, плейлист и картинку в рамку с кодом(2)
Часть 22 - Добавление к предыдущему посту .Как изменить размер плеера
Часть 23 - Как сжать размер картинки (фона) до требуемой величины для загрузки в дневник.
...
Часть 32 - Все коды для оформления дневника в одном месте
Часть 33 - Еще один способ создания и вставки музыкального плеера в сообщение дневника.
Часть 34 - Все варианты создания и вставки плеера в текст сообщения или в рамку с кодом

Серия сообщений "Для новичков ЛИ.РУ.":
Часть 1 - Для самых начинающих лирушников.
Часть 2 - С чего начинать дневник?
...
Часть 28 - Что может раздражать ваших читателей в вашем дневнике. Для новичков и не очень.
Часть 29 - Как загрузить музыку в дневник из ПК и создать красивый плеер
Часть 30 - Как вставить плеер, плейлист и картинку в рамку с кодом(2)
Часть 31 - Урок для самых новеньких! Как загрузить картинку для фона дневника
Часть 32 - Как создать кликабельную картинку или кнопку-переход в редакторе
...
Часть 44 - Как вставить плеер с сервиса ПростоПлеер (по просьбе ПЧ)
Часть 45 - Наводим порядок в дневнике!Как разложить все сообщения в дневнике по полочкам и другие самые важные рекомендации для новичков!
Часть 46 - Уроки для новичков Лиру.

Метки:  

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



streglova   обратиться по имени Пятница, 29 Марта 2013 г. 22:39 (ссылка)
Большое спасибо за урок!!!
Ответить С цитатой В цитатник
nartsiss   обратиться по имени Пятница, 29 Марта 2013 г. 22:57 (ссылка)
Спасибочки!
Ответить С цитатой В цитатник
svetanjel   обратиться по имени Пятница, 29 Марта 2013 г. 23:12 (ссылка)
О! Какой полезный урок. Спасибо большое!
Ответить С цитатой В цитатник
Валентина_Верченко   обратиться по имени Суббота, 30 Марта 2013 г. 00:59 (ссылка)
Рада сообщению. Благодарю Вас за понимание. Очень понятно все описано!! Очень нравятся Ваши уроки.. они достаточно понятно изложены.. Благодарю за труд!!! Спасибо за науку! Ещё один вопрос для меня стал ясен. Перехожу к самообразованию.
Ответить С цитатой В цитатник
LudmelaRU   обратиться по имени Суббота, 30 Марта 2013 г. 03:21 (ссылка)
Нелечка, урок супер! С благодарностью цитирую.
Ответить С цитатой В цитатник
Юмор_и_не_только   обратиться по имени Суббота, 30 Марта 2013 г. 13:24 (ссылка)
спасибо, надо попробовать))
Ответить С цитатой В цитатник
Баба_Неля   обратиться по имени Суббота, 30 Марта 2013 г. 15:54 (ссылка)
Спасибо большое! Нелечка, хороших выходных!
Ответить С цитатой В цитатник
Наталья_Лакизова   обратиться по имени Воскресенье, 31 Марта 2013 г. 21:17 (ссылка)
Спасибо дорогая!!!
Ответить С цитатой В цитатник
Mila2609   обратиться по имени Вторник, 09 Апреля 2013 г. 21:35 (ссылка)
спасибо за интересный урок!
Ответить С цитатой В цитатник
Татьяна_Овчинникова   обратиться по имени Среда, 10 Апреля 2013 г. 13:33 (ссылка)
Спасибо!Сколько у нужной информации!!изумлен!
Ответить С цитатой В цитатник
Вика5   обратиться по имени Среда, 10 Апреля 2013 г. 22:55 (ссылка)
Спасибо,Неля. Очень нужный урок.

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

Ответить С цитатой В цитатник
Lada_Vitalina   обратиться по имени Вторник, 21 Мая 2013 г. 11:29 (ссылка)
Просто прекрасный урок. Огромное спасибо!!!
Ответить С цитатой В цитатник
Чингиз   обратиться по имени Пятница, 14 Июня 2013 г. 23:27 (ссылка)
Большущее спасибо! Авось научусь.
Картинка
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 14 Июня 2013 г. 23:38ссылка
Чингиз, Здесь тоже очень подробно . Писала по просьбе читателей http://nelyager.ru/post218261826
Перейти к дневнику

Суббота, 15 Июня 2013 г. 15:12ссылка
Спасибо Нэля тебе большое за все твои уроки!!!
Желнов   обратиться по имени Воскресенье, 14 Июля 2013 г. 06:33 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
gorodmechty   обратиться по имени Среда, 31 Июля 2013 г. 16:10 (ссылка)
Спасибо за Ваши уроки!!!!
Картинка
Ответить С цитатой В цитатник
Lyussi_ya   обратиться по имени Четверг, 15 Августа 2013 г. 08:50 (ссылка)
Спасибо огромное за урок! Доброго и удачного Вам дня!!!
Ответить С цитатой В цитатник
valniko77   обратиться по имени Понедельник, 07 Октября 2013 г. 00:18 (ссылка)
спасибо большое!
Ответить С цитатой В цитатник
balini   обратиться по имени Вторник, 05 Ноября 2013 г. 17:41 (ссылка)
Спасибо за Ваши уроки!!!!
Ответить С цитатой В цитатник
ArNika-G   обратиться по имени Суббота, 09 Ноября 2013 г. 06:24 (ссылка)
Спасибо большое за урок ,очень пригодится
Ответить С цитатой В цитатник
wesn   обратиться по имени Суббота, 30 Ноября 2013 г. 14:00 (ссылка)
спасибо большое ,какая вы умница ,нет слов!
Ответить С цитатой В цитатник
ЛОИНА   обратиться по имени Суббота, 11 Января 2014 г. 14:57 (ссылка)
Спасибо за урок!!!!
Ответить С цитатой В цитатник
Людмила_Дербина   обратиться по имени Вторник, 04 Февраля 2014 г. 08:32 (ссылка)
СПАСИБО ВРОДЕ - ПОЛУЧИЛОСЬ!!!
Ответить С цитатой В цитатник
_Elen_A___   обратиться по имени Понедельник, 10 Февраля 2014 г. 14:59 (ссылка)
Доброго времени суток,спасибо за урок,всё вроде доходчиво,но так и не смогла понять как же сделать плеер с плейлистом,[или с прокруткой] не знаю как правильно сказать,как у Вас в рамочке.Плееры очень красивые,но иногда они не в тему,хотелось бы один на несколько песен.Заранее спасибо!С ув.
Ответить С цитатой В цитатник
nadezh_ka   обратиться по имени Суббота, 19 Апреля 2014 г. 10:24 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Tapioka   обратиться по имени Понедельник, 05 Мая 2014 г. 00:10 (ссылка)
Спасибо за подробный урок!Наконец то нашла то ,что мне нужно!!
Ответить С цитатой В цитатник
Seagull2013   обратиться по имени Четверг, 08 Мая 2014 г. 18:51 (ссылка)
Доброго времени суток. Как найти на данном сайте визуальный редактор, HTML редактор?
Ответить С цитатой В цитатник
Mariea   обратиться по имени Воскресенье, 19 Октября 2014 г. 00:09 (ссылка)
Очень полезная информация! Все понятно. Благодарю!
Ответить С цитатой В цитатник
Бабушка-ладушка   обратиться по имени Понедельник, 02 Марта 2015 г. 03:48 (ссылка)
Спасибо!!!
Ответить С цитатой В цитатник
Татьяна_Волкова_Литвинова   обратиться по имени Понедельник, 02 Марта 2015 г. 11:50 (ссылка)
Спасибо за полезную информацию.
Ответить С цитатой В цитатник
ЖИСМИН   обратиться по имени Среда, 01 Июля 2015 г. 18:25 (ссылка)
Здорово! Все четко и доступно изложено. Цитирую с БЛАГОДАРНОСТЬЮ!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] 2 [Новые]
 

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

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

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

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