• Авторизация
Дневник bloginja Лента друзей - Дневник - Полная версия


Оформляем плеер картинкой 17-07-2024 15:10 к комментариям - к полной версии - понравилось!


(96x91, 18Kb)





Оформляем плеер картинкой - линеечкой или картинкой - кнопкой.

Имеем такой плеер:

КОД ПЛЕЕРА:

Здесь в теге opacity:1; заменена единица на ноль. Это делает плеер невидимым.
Скопируйте код в Новую запись.

Будем его украшать. Закроем этот плеер картинкой. Для этого заключим этот код в формулу фона - картинки.


Копируем часть формулы до слов КОД ПЛЕЕРА и вставляем в начало кода в Новой записи.
вставить 1 (600x374, 61Kb)

Затем скопировать закрывающие теги после слов КОД ПЛЕЕРА и вставить в конец записи.
вставить 2 (600x369, 72Kb)

Теперь вставим картинку плеера, подставим значения размеров картинки.
Вставляем музыку мр3. Получаем такой плеер - линеечку:


Можно в коде плеера менять картинку с её размерами и получать новый плеер.
А можно его немного изменить:


--------------------------------------------
С плеерами - кнопками немного сложнее.
Тут не обойтись без редактора. Я пользуюсь Paint.net.
Нужно создать картинку на прозрачном фоне. Например, такую 1 (100x32, 2Kb)
Это очень просто: Создать - Указать размер - Правка - Выделить все - Очистить выделение.
Файл - Открыть - Выбрать картинку плеера - Открыть - Правка - Копировать - Вставить.


КОД ПЛЕЕРА - КНОПКИ такой же.

Подставляйте значения и готово.

Примеры:




УДАЧИ!


[показать]" alt="Счетчик посещений Counter.CO.KZ - бесплатный счетчик на любой вкус!" border="0" width="48" height="17" />

вверх^ к полной версии понравилось! в evernote
Комментарии (10):
Татьяна_Волкова_Литвинова 17-07-2024-18:04 удалить
Юля, спасибо! К какими должны быть размеры картинки -плеера, чтобы его кнопка play совпала с кнопкой - play на основном плеере (размерами 100х20) ?
Обратиться - Ответить - К полной версии
Натали0607 17-07-2024-19:16 удалить
Спасибо большое!:heart:
Обратиться - Ответить - К полной версии
bloginja 17-07-2024-22:09 удалить
Ответ на комментарий Татьяна_Волкова_Литвинова # Минимальный размер 100х20. Он подходит, практически, всем. Сама проверь.
Обратиться - Ответить - К полной версии
Татьяна_Волкова_Литвинова 17-07-2024-22:12 удалить
Ответ на комментарий bloginja # Спасибо! Юля, я написала тебе в личку.
Обратиться - Ответить - К полной версии
ЗИТТА 31-08-2024-17:06 удалить
С благодарностью!
Обратиться - Ответить - К полной версии
MISTER_MIGELL 28-11-2024-12:00 удалить
bloginja, спасибо!Удачи в творчестве!
Обратиться - Ответить - К полной версии
Ipola 28-11-2024-15:02 удалить
Ой! Спасибо! Этот то, что мне надо! Один вопрос - где адрес музыки взять, если это собственный музыкальный файл, скачивается на компьютер ноткой... Как?
[506x204]
Обратиться - Ответить - К полной версии
Ipola 28-11-2024-15:03 удалить
Ответ на комментарий MISTER_MIGELL # Володя! Вот о чём я говорю, где взять адрес файла?
[506x204]
Обратиться - Ответить - К полной версии


Комментарии (10): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Оформляем плеер картинкой | bloginja - Дневник Блогини | Лента друзей bloginja / Полная версия Добавить в друзья Страницы: раньше»