mrnickbreen / bartender Goto Github PK

bartender CSS plugin

demo at: http://www.stokkers.mobi/valuables/bartender.html

This is a CSS-only plugin to generate a cross-browser iOS style tab bar. 

Features:

	- based on JQM elements
	- tested in IE7+, latest FF, Opera, Chrome, Safari, Android, iOS
	- retina icons on all browsers (except IE7-8)
	- single retina-regular sprite or separate sprites
	- all CSS gradients
	
To use:

	- if you are using JQM, just add the class "apple-navbar-ui" to your navbar <ul> element, 
	- add a class of "comboSprite" (single retina-regular sprite) or "soloSprite" (separate sprites) to the <ul> element, 
	- change the data-icons and add your sprite URL path(s),
	- copy the CSS behind the JQM CSS and you are good to go

A detailed walkthrough explaining all the steps can be found on the demo page. 

If you have any issues, suggestions or improvements, just let me know.