Skip to content

frequent/bartender

Repository files navigation

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.

About

jQuery Mobile CSS iOS style tab bar

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published