Submit your widget

tooltip style toolbars with jQuery

Created about a year ago   Views 22196   downloads 4302    Author paulkinzett
 tooltip style toolbars with jQuery
View DemoDownload 81.5 KB
83
Share |

Toolbar allows you to quickly create tooltip style toolbars for use in web applications and websites. The toolbar is easily customisable using the twitter bootstrap icons and provides flexability around the toolbars display and number of icons.

Features

  • Straightforward implementation with simple options
  • Can run as many toolbars as required
  • Toolbars can be attached to any element required
  • Toobar icons are easily customised through the popular twitter bootstrap framework
  • Toolbars are responsive and follow the element on resize

Usage

Include the plugin javascript file along with jquery

<script src="jquery.min.js"></script>
<script src="jquery.toolbar.js"></script>

Include the css files

<link href="jquery.toolbar.css" rel="stylesheet" />
<link href="bootstrap.icons.css" rel="stylesheet" />

Define your toolbar HTML

<div id="user-toolbar-options">
	<a href="#"><i class="icon-user"></i></a>
	<a href="#"><i class="icon-star"></i></a>
	<a href="#"><i class="icon-edit"></i></a>
	<a href="#"><i class="icon-delete"></i></a>
	<a href="#"><i class="icon-ban"></i></a>
</div>

Read more:http://paulkinzett.github.com/toolbar/

Tag: toolbar