Zapilim.net / Блог / Веб интерфейсы / Toolbar.Js - функциональные всплывающие подсказки

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

Веб интерфейсы / 21-06-2015, 13:19
6

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

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

Установка Toolbar:
1. Скачать исходные файлы плагина
Скачать файл: paulkinzett-toolbar-1.0.0-45-g5112fbf.zip [10.06 Kb] (cкачиваний: 247)

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>
Елена
Елена
11 октября 2016 08:35
"Здесь подробная инструкция по подключению на любую cms
Что конкретно у Вас не получилось?"

Я спрашиваю "для чайника" в DLE п2, п3, п4, п5 согласно вашей инструкции что как подключать что куда конкретно ложить, в каком файле что подключать и т.д., куда ложить скачанные файлы (их там много).
Zapilim
Zapilim
6 октября 2016 13:44
Здесь подробная инструкция по подключению на любую cms
Что конкретно у Вас не получилось?
Елена
Елена
26 сентября 2016 16:09
Можно подробней - для DLE, что куда и как подключать

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

Кликните на изображение чтобы обновить код, если он неразборчив