Toolbar.Js - функциональные всплывающие подсказки

Характеристика Описание [xfgiven_gallery]Галерея[/xfgiven_gallery] [xfgiven_video]Презентация[/xfgiven_video]

Технические характеристики шаблона

[xfgiven_templ-version]

Версия шаблона: [xfvalue_templ-version]

[/xfgiven_templ-version]

Версия DLE: 10.x - 12

Верстка: HTML/CSS/JS

Тип верски / Ширина шаблона: Блочная, адаптивная / 320px-1170px

Кроссбраузерность: Firefox, Chrome, Opera, Yandex, IE9-11, мобильные устройства;

[xfgiven_tematika]

Тематика: [xfvalue_tematika]

[/xfgiven_tematika] [xfgiven_doppole]

Использование дополнительных полей: Да

[/xfgiven_doppole]

Обновления и тех. поддержка: в течении одного года с момента покупки

Шаблон имеет первоначальную SEO-оптимизацию

Описание шаблона

Toolbar.Js - плагин, который позволяет быстро создавать панели инструментов со всплывающими подсказками для использования в веб-приложениях и веб-сайтах. Панель легко настраивается с помощью Font Awesome (шрифтовые иконки), что обеспечивает гибкость в установке панели инструментов.

Особенности
Простой реализация.
Включает в себя набор кнопок CSS для использования с панелями инструментов.
Вы можете запускать столько панелей, сколько потребуется.
Панели могут подключаться к любому элементу.
Toolbar легко настроить через популярный сервис шрифтов Font Awesome.
Множество вариантов настройки анимации и событий.
Подсказки адаптивны.
В качестве анимации используется CSS3.

Установка Toolbar:
1. Скачать исходные файлы плагина
Скачать файл: paulkinzett-toolbar-1.0.0-45-g5112fbf.zip [10,06 Kb] (cкачиваний: 79) [allow-online]
Посмотреть онлайн файл: paulkinzett-toolbar-1.0.0-45-g5112fbf.zip[/allow-online]


2. Подключаем javavascript:
<script src="jquery.toolbar.js"></script>

3. Подключаем CSS файл:
<link href="jquery.toolbar.css" rel="stylesheet" />

4. Вставляем этот код на страницу, где хотите использовать подсказки
<div id="toolbar-options" class="hidden">
   <a href="#"><i class="fa fa-plane"></i></a>
   <a href="#"><i class="fa fa-car"></i></a>
   <a href="#"><i class="fa fa-bicycle"></i></a>
</div>

5. Задействуем рабочее состояние нашему плагину:
<script type="text/javascript">
jQuery(document).ready(function($) {
$('#element').toolbar( options );
});
</script>
[xfgiven_gallery]
[/xfgiven_gallery] [xfgiven_video]

Презентация шаблона

[/xfgiven_video]