Полезные советы и ссылки

http://www.stihi.ru/avtor/milatiajelkova

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

Приветствую Вас, дорогие друзья!
Решила дополнить предыдущий урок по плеерам ещё одним уроком. Задают вопрос: как сделать свой плеер с картинкой?
Думала, как это проще сделать и остановилась на следующем варианте.
Картиночку для плеера можно либо создать в Фотошопе (если вы владеете им), либо взять в интернете. На мой взгляд, очень удобно воспользоваться картинками-разделителями, подобрав подходящую конкретно для вас.
Сначала, открываем «Рамочник», а затем на другой вкладке, открываем картинку, которую хотим использовать в качестве плеера. Я беру в качестве примера – такую картиночку (разделитель)


Щёлкаем правой кнопкой мыши по картинке, выпадет список. Выбираем «Свойства изображения» (в самом низу списка). Щелчок по ним левой кнопкой мыши, выпадает список со свойствами данной картинки. Здесь нам нужно запомнить ширину и высоту данной картинки. Запомнили (записали где-то себе). Закрываем окно. Теперь, так же правой кнопкой мыши, снова щёлкаем по картинке, находим «Копировать адрес изображения», щёлкаем по нему левой кнопкой мыши (он скопируется) и несём его в «Рамочник».
Открываем «Рамочник», в окошечках (1) и (2) пишем размеры картинки, которые вы запомнили.

Теперь жмём на кнопочку (3), выскочит рамочка (4), где мы должны вставить адрес картинки, вставляем и жмём «Добро».
У вас под рамочкой появится ваша картинка, на которую мы и поставим наш плеер.
На ней появится надпись «Содержимое рамки». На это место и встанет в дальнейшем ваш плеер.


Обязательно! Не забудьте поставить галочку на «Нет», там, где написано «Подпись».
Надпись «Содержимое рамки» может быть -либо высоковато, либо низковато относительно картинки, тогда мы делаем следующее:
-- для опускания надписи, ставим курсор мышью перед словами и жмём на стрелку (5) столько раз сколько потребуется (смотрим визуально, как встала надпись).
--Если надпись находится слишком низко и её нужно поднять, то курсор ставите за словами «Содержимое рамки» и повторяете процедуру, что была описана в предыдущем пункте.
Когда всё отрегулировали, то теперь идём вниз, выбираем «блоги Ливинтернет.ру», нажав на чёрный треугольничек (6), появится код для Ли.ру.,

копируем его и несём туда, куда мы хотим поставить свой плеер в Ли.ру. Вставляем код.
Вместо слов «Содержимое рамки» (их аккуратно стираем) вставляем код плеера, ставим в нём размеры 20 х 20 (можно длину – первое число, сделать побольше, смотрите, как вам больше нравится), меняете цвета на те, какие Вам нужны (это есть в [url="http://www.liveinternet.ru/users/3877488/post228456818/"]предыдущем уроке[/url] – смотрите там).

Стандартная форма кода плеера-линеечки, обведена красными линиями, или даю ещё раз отдельно (просто скопируйте где-нибудь его для себя, чтобы всегда был под рукой, и будете только редактировать при каждом использовании).

Я говорила об этом в [url="http://www.liveinternet.ru/users/3877488/post228456818/"]предыдущих уроках[/url], смотрите там.
И наконец, Жмём на кнопку «Предпросмотр» или «Черновик», смотрим, если не всё устраивает, то снова идём в «Редактировать» - редактируем, если всё получилось удачно, то «Публикуем в личный дневник». У меня получилось так:


Вот вроде и всё.
Желаю успехов в освоении!
Венера01


http://www.fotoklassniki.ru/



ПОДБОРКА дневников
[08.11.2012 2:58:10] Марина Петрова:
 Ольга Непомнящая
http://www.liveinternet.ru/users/megarut/rubric/2633378/
Тамара Завойская
http://www.liveinternet.ru/users/zavt/
Валентина Иштирякова
http://www.liveinternet.ru/users/5105081/
Гизатулина Ольга
http://www.liveinternet.ru/users/stefani77777/
Людмила Хлынова
http://www.liveinternet.ru/users/milaz/quotes/
Дневник-сад-огород
http://www.liveinternet.ru/users/3831861/rubric/1511171/#
Ларисы Германовны
http://www.liveinternet.ru/users/larisa16/
Ольга Четвернина
http://www.liveinternet.ru/users/chetvernina2/
Алла Госман
http://www.liveinternet.ru/users/augossman/
Лена
http://www.liveinternet.ru/users/elenika_45/blog#post246035308
Фируза
http://www.liveinternet.ru/users/5078763/profile
Клавдия
http://www.liveinternet.ru/users/klavamihai/profile/
Алина Костюк
http://www.liveinternet.ru/users/5109862/
Марина Петрова
http://www.liveinternet.ru/users/marinapetrova1950/
Дневник лайвинтернет!!!морал
http://www.liveinternet.ru/users/morela4/quotes/#post187081340
Лизи
http://www.liveinternet.ru/users/liysi/profile/
ФИРУЗА
http://www.liveinternet.ru/users/5078763/profile
Лидия Андреевна
http://www.liveinternet.ru/users/5105046/profile
http://www.proshkolu.ru/golink/www.liveinternet.ru/users/5105046/profile
Психолог
http://www.liveinternet.ru/community/811999/friends

Мир поделок
http://www.liveinternet.ru/community/3225298/friends
Рецепты домохозяек
Умелые ручки
http://www.liveinternet.ru/community/ch-g-milima/friends
Кладовая полезностей
http://www.liveinternet.ru/community/kladovaya/friends
Своими руками
http://www.liveinternet.ru/community/1371250/friends

Стихи
http://www.liveinternet.ru/community/901521/friends
КОТОГАЛЕРЕЯ
http://www.liveinternet.ru/community/719543/friends
Фатима
http://blog.kp.ru/users/tigrenok/
УКРАШЕНИЕ ДНЕВНИКА_СООБЩЕСТВО
http://www.liveinternet.ru/community/3470389/ рамочки
Стихи Людмилы Тяжелковой

  http://www.stihi.ru/avtor/milatiajelkova

сайт "Исцеление"
http://iszelenije.blogspot.ru/p/blog-page_6.html

создание фото
http://ru.viptalisman.com/

флеш-часики
http://www.dezzi.ru/Flash%20Clock.html












 Анимашки и смайлики   -   http://smayliki.ru/smilies-141.html


Эффекты, футажи - http://www.futajik.ru/category/futazhi/effekty/  

 Часики и другие флешечки -  http://clubs.ya.ru/4611686018427464551/posts.xml?tag=122245888   

 На сайте собрано все для дизайна.
Фоны, html коды ,шрифты,флешки,разделители,
флеш часы,флеш календари, и много много полезных советов.   -http://www.dezzi.ru/Flash%20Clock.html 

генератор  фотоколлажей   -     http://paintle.com/fp/ru


Здесь можно сделать фотоальбомы, фото на любой вкус и без 

логотипа сайта -http://ru.viptalisman.com/

  Музыкальные открытки, картинки

http://ligo98.narod.ru/pozitiv.html



Просто Плеер поможет найти музыку, прослушать и скачать mp3 - бесплатно                 http://prostopleer.com/

Картинки с разными надписями для блогов и форумов -http://mirgif.com/kartinki_s_nadpisjami.htm


Помогает скачивать файлы со многих популярных сайтов  -
http://ru.savefrom.net/

Комментариев нет:

Отправить комментарий