Top 18 Useful Horizontal Navigation Bar CSS Showcase
One can truly say this is really the ultimate navigation tool!
Valid XHTML / CSS 3 markup
Horizontal or vertical orientation
Useful css class based element override: you can override buttons or dropdowns style simply adding classes. Some CSS improvements
EACH STYLE INCLUDES TWO HORIZONTAL MENU AND TWO VERTICAL MENU
Top Horizontal
Bottom Horizontal
Added Two Horizontal Menu (Header And Footer) For Each Style
Cream Tabs it is a mix of tabs and CSS3 navigation menu with content slider.Menu position: vertical/horizontal
It is an extension that allows you to create an unique and beautiful style of navigation , showing the contents of your site through animations and colors to engage your visitors. Scroll Content Presenter builds the horizontal navigation menu examples for you based on the structure of your HTML.Vertical and horizontal navigation
Custom scroll bar
Generate navigation menu for you
It is very easy to build a horizontal or verticalmenu. Horizontal and vertical versions
Valid XHTML / CSS 3 markup
Have you always wanted the useful tabs to be animated more fancy? something like a slider? then this is the plugin for you, the tabs can slide horizontal and vertical ways also there is 15 different effects available between transition and all working with jQuery auto slider depending on its content.Customizable through css.Vertical and Horizontal Support.Navigation Bar Vertical & Horizontal.With min version of css & js files.
Beth is a pure CSS responsive menu navigation, optimized for mobile & touch devices. On mobile devices, the fluid horizontal menu turns into a vertical navigation menu CSS which can be toggled with a click/single tap.
Smart Responsive Breadcrumbs is powerful breadcrumbs navigation solution that will work with mobile devices and different screen sizes. Breadcrumbs rely on CSS media queries to modify and display for different resolutions. For less than 480px, menu changes from CSS horizontal navigation menu into vertical and gets hidden behind the menu item. Due to the many differences between mobile browsers, different support for CSS, breadcrumbs must use JavaScript to work as expected.Breadcrumbs are fully responsive, and they will work fine on the small screens (mobile/touch devices) and will turn into menu for easier navigation with a limited space.Plugin control is done by combining CSS classes on the breadcrumbs element with many options available with the jQuery plugin. Full source files for both CSS and jQuery
Minimized CSS and JS files
Clean tabs is a CSS3 and responsive jQuery gallery navigation tabs, optimized for mobile & touch devices. On small screen, the vertical and horizontal tabs jQuery turns into a vertical accordion.
Flexy is a menu component based in CSS and Javascript code. You can use Flex Menu it as a horizontal or vertical menu.Horizontal and Vertical
Javascript/CSS effects
DeepMenu is a multi-level navigation menu with four different transitions between layers and nearly 20 other properties for customization. If JavaScript is disabled, it works as a simple CSS dropdown menu menu.JS, CSS and HTML files
Navigation icons (blue, orange and grey versions of “back” and “home” buttons)
Tabion – Metro Tab Accordion Switcher CSS
Tabion – Metro Tab Accordion Switcher CSS is a small CSS plugin that is used to create Tab with Metro UI style.Horizontal + Vertical Styles.If you like to see the plugin documentation you can check it here: Tabion CSS Documentation
Navion – Metro Navigation Menu Accordion Switcher CSS
TileBox – Modern Responsive LightBox CSS
Metro Navigation Bar CSS
Supports Responsive Design, Swipe to change Tab Content, Left and Right keys to change Tab Content, Combine AJAX and Inline Content, CSS3 Animation Effects, Integrated Font Awesome, AutoPlay/Pause/Resume and a lot of CSS option to customize…
Support both Horizontal and Vertical Tab.Navion – Metro Navigation Menu Accordion Switcher CSS
Tabion CSS – Metro Tab Accordion Switcher
TileBox – Modern Responsive LightBox CSS
Menu relies on CSS media queries to modify menu display for different resolutions. For less than 480px, menu changes from horizontal navigation menus into vertical and gets hidden behind the menu item. Due to the many differences between mobile browsers, different support for CSS, menu must use JavaScript to make up for these problems.Menus are fully responsive, and they will work fine on the small screens (mobile/touch devices) and will turn from horizontal to vertical for easier navigation with a limited space.Plugin control is done by combining CSS classes on the menu element with many options available with the jQuery plugin. Full source files for both CSS and jQuery
Minimized CSS and JS files with split and merged styles
Changed: Few improvements to the core CSS styles