Перейти к содержанию
Slivator.info

Рекомендуемые сообщения

Опубликовано

Представляем внедрение нового экспериментального шаблона Musify для веб-сайтов, посвященных музыкальной тематике. Основным преимуществом данного шаблона является его уникальная возможность настройки внешнего вида для пользователей. Теперь вы можете выбирать из пяти вариантов цветовой схемы для дизайна, пяти вариантов цвета кнопок, а также определять расположение боковой панели справа или слева. Это дает вам в общей сложности 50 различных комбинаций! Более того, вы можете установить любую комбинацию по умолчанию, что позволяет использовать слегка измененный шаблон на разных веб-сайтах.

1700743526_00.webp.858d46f660563938dae1efb63160a6c4.webp

Нововведения от 2 декабря 2023 года (архив доступен по той же ссылке):
- Добавлено выпадающее меню для жанров в боковой панели.
- Уведомления плеера теперь отображаются в виде красивых всплывающих окон с анимацией и прогресс-баром, исчезая после определенного времени.
- Для каждого трека добавлена кнопка с тремя точками, открывающая меню с возможностью включить следующий трек или добавить в плейлист. Это облегчает добавление треков в текущий плейлист без создания нового, если выбранный трек уже отсутствует в списке.
- Нумерация треков удалена на смартфонах, чтобы контент корректно отображался в ширину.
- Добавлен незаметный прогресс-бар для отображения буферизации загружаемого файла в плеере.

Варианты цветовой схемы включают:
- Белую боковую панель с контентом на темном фоне, светлой шапкой и подвалом.
- Боковую панель на темном фоне с контентом на белом фоне.
- Темную боковую панель с контентом на белом фоне.
- Темную боковую панель, шапку, подвал и плеер с контентом на белом фоне.
- Полностью темная цветовая тема.

Выбранный цвет кнопок также влияет на фоновые элементы по краям веб-страницы, градиент у сборников, цвет логотипа и ссылок.

Плеер Musify основан на HTML5 Audio и Vanilla JS (для некоторых это важно) и разработан с учетом максимальной скорости загрузки страницы. Плеер работает на основе плейлиста, сформированного из всех треков на странице пользователя. При переходе по страницам сайта музыка продолжает воспроизводиться, а сформированный плейлист сохраняется в плеере.

Этот шаблон Musify предлагает множество функций как для больших экранов, так и для мобильных устройств, включая настраиваемые главные страницы, внутренние страницы треков, исполнителей и многое другое.

Скриншоты (десктопная версия)

1.thumb.webp.eb56037856d92a5cb7d2391dd38378c2.webp

2.thumb.webp.c72d0dc47670f624f6892d6a617ec158.webp

3.thumb.webp.cb186762db005dfc7837214bd355a989.webp

4.thumb.webp.df6c4a31b5d7cb8f935715f1fbd95257.webp

5.thumb.webp.14c01eddaf58ef97add6914498f72c7c.webp

6.thumb.webp.07299af170dbe235941772ec55bd3674.webp

7.thumb.webp.b2f95dfabd1e99fdab170dd21cf7d5cf.webp

8.thumb.webp.f98119b95d8705ddadddb711ea8702c8.webp

9.thumb.webp.f2c2f9d09fb300bf414b8891c4819aff.webp

 

 

Скриншоты (моб. версия)

10.thumb.webp.797c056d4f5adafdfc333c276e7fa311.webp

11.webp.55d2e0106874d2a0a52dc64932697796.webp

12.webp.859878b6cbc3ad80ef25d3d3eda643f6.webp

13.thumb.webp.eabc24f7b02818f4d49668a2e3630af9.webp

14.thumb.webp.8fa256143db16b8f79d64562755857ab.webp

15.thumb.webp.2e74ff11a6d5ab09143e795a8df4f394.webp

 

Название шаблона: MUSIFY
Категория: Адаптивный , Музыка
Версия DLE: 17.1, 17.0, 16.x, 15.x
Ширина: адаптивный 360-1240 пикселей
Вёрстка: html5, css3
Кроссбраузерность: Firefox, Chrome, Edge
Комплектация: шаблон, инструкция
Тематика: Музыка

Чтобы просмотреть скрытый контент, вам необходимо:
Зарегистрироваться или Авторизоваться на форуме!

  • 1 месяц спустя...

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

×
×
  • Создать...