Input Addon Player Bootstrap / Аудиоплееры / Сниппеты Bootstrap

Input Addon Player Bootstrap

Оригинальный аудиоплеер состоящий из базовых элементов Bootstrap и иконок Font Awesome, простой способ использования, выбор цвета и дополнение компонентами.

* Материал предлагается как есть, Вы сами можете определить любые дополнения или изменения. Ссылки на радиопотоки могут быть заменены на аудиоссылки, кодеки используются для mp3.

Версия: v1.0.1

Каталог: Сниппеты Bootstrap

Категория: Аудиоплееры

Bootstrap: 3

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop

Язык: Русский

Уникальный ID: 505

Количество символов:

Посмотрели: 3139 раз

Помощь: установка & настройка

Прокомментировали: 0 раз

Рейтинг: 4.6 / 5 - 7 голосов

Тип лицензии: CC BY 4.0

Авторство: bootstraptema.ru

Информация: Пользователям

Информация: Правообладателям

Теги: Audio, Snippet, html, сниппет, Bootstrap, аудио

Поделился: BootstrapТема

Добавлено: 2016-02-06 в 12:45

Метка: 1581672273

⇄ ⇅

<link rel="stylesheet" href="https://bootstraptema.ru/_sf/4/455.css" />

<br><br><br><br><br><br><br><br>
<style>
* {
outline: none !important
}
.clickhover {
cursor: pointer
}
</style>

<div class="container">
<div class="row well">
<h1 class="text-center">Input Addon Player Bootstrap</h1>
<h2 class="text-center">BootstrapТема & Radiorecord</h2>
<h2 class="text-center animated pulse infinite">IS</h2>
<div class="col-md-4 col-md-offset-4">

</div>
</div>
</div>

<h3>Манипуляции базовыми классами</h3>
<p class="lead"><sup class="text-danger">*</sup>Можно дополнительно применить</p>
<h4>Текстовые имена цвета</h4>
<dl>
<dt>class="text-muted"</dt>
<dd>
<span class="text-muted"><i class="fa fa-play"></i></span>
<span class="text-muted"><i class="fa fa-play"></i></span>
<span class="text-muted"><i class="fa fa-play"></i></span>
<span class="text-muted"><i class="fa fa-play"></i></span>
<span class="text-muted"><i class="fa fa-play"></i></span>
</dd>
<dt>class="text-primary"</dt>
<dd>
<span class="text-primary"><i class="fa fa-play"></i></span>
<span class="text-primary"><i class="fa fa-play"></i></span>
<span class="text-primary"><i class="fa fa-play"></i></span>
<span class="text-primary"><i class="fa fa-play"></i></span>
<span class="text-primary"><i class="fa fa-play"></i></span>
</dd>
<dt>class="text-success"</dt>
<dd>
<span class="text-success"><i class="fa fa-play"></i></span>
<span class="text-success"><i class="fa fa-play"></i></span>
<span class="text-success"><i class="fa fa-play"></i></span>
<span class="text-success"><i class="fa fa-play"></i></span>
<span class="text-success"><i class="fa fa-play"></i></span>
</dd>
<dt>class="text-info"</dt>
<dd>
<span class="text-info"><i class="fa fa-play"></i></span>
<span class="text-info"><i class="fa fa-play"></i></span>
<span class="text-info"><i class="fa fa-play"></i></span>
<span class="text-info"><i class="fa fa-play"></i></span>
<span class="text-info"><i class="fa fa-play"></i></span>
</dd>
<dt>class="text-warning"</dt>
<dd>
<span class="text-warning"><i class="fa fa-play"></i></span>
<span class="text-warning"><i class="fa fa-play"></i></span>
<span class="text-warning"><i class="fa fa-play"></i></span>
<span class="text-warning"><i class="fa fa-play"></i></span>
<span class="text-warning"><i class="fa fa-play"></i></span>
</dd>
<dt>class="text-danger"</dt>
<dd>
<span class="text-danger"><i class="fa fa-play"></i></span>
<span class="text-danger"><i class="fa fa-play"></i></span>
<span class="text-danger"><i class="fa fa-play"></i></span>
<span class="text-danger"><i class="fa fa-play"></i></span>
<span class="text-danger"><i class="fa fa-play"></i></span>
</dd>
</dl>
<h4>Базовые имена фона</h4>
<dl>
<dt>class="bg-primary"</dt>
<dd><p class="bg-primary lead">BOOTSTRAPTEMA</p></dd>
<dt>class="bg-success"</dt>
<dd><p class="bg-success lead">BOOTSTRAPTEMA</p></dd>
<dt>class="bg-info"</dt>
<dd><p class="bg-info lead">BOOTSTRAPTEMA</p></dd>
<dt>class="bg-warning"</dt>
<dd><p class="bg-warning lead">BOOTSTRAPTEMA</p></dd>
<dt>class="bg-danger"</dt>
<dd><p class="bg-danger lead">BOOTSTRAPTEMA</p></dd>
</dl>

</div></div>

BootstrapTema

Input Addon Player Bootstrap

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0