Hidden Pixels » CSS Menu http://www.hiddenpixels.com Web Design Resources, Web Design Tools, Web Design Tutorials, Website Design Inspirations Freebies Wed, 25 Aug 2010 13:10:31 +0000 en hourly 1 http://wordpress.org/?v=3.0 CSS Dropdown Menus Sample and Tutorials http://www.hiddenpixels.com/javascript/css-dropdown-menus-sample-and-tutorials/ http://www.hiddenpixels.com/javascript/css-dropdown-menus-sample-and-tutorials/#comments Sat, 13 Sep 2008 07:35:08 +0000 HPadmin http://hiddenpixels.com/?p=482 Nice Collection of All Vertical and Horizontal, CSS Based Lightweight Dropdown menus, some dropdowns are using jQuery, Mootool, Scriptaculous and Prototype Frameworks.

Chrome CSS Drop Down Menu

Chrome Menu is a CSS and JavaScript hybrid drop down menu. It’s easy to configure and search engine friendly. The main menu bar consist of a CSS list, while the drop down menus are simply regular DIV tags on page.

CSS Express Drop-Down Menus

CSS Express Menus are a PVII solution that will help you produce a quick (express) CSS drop-down menu without some of the limitations found in some other "pure" CSS menus.

Professional drop-down using images

Very Professional drop down menu using rollover image effect and well Tested in IE6, IE7, Firefox, Opera, Netscape, Mozilla and Safari (PC), Also uou can find another version of Professional Drop down menu here…

A simple six level drop-down menu with overlap and overrun

Very nice Six Level drop down menu From CSSPlay, This works in Internet Explorer IE5.5, IE6, IE7, Firefox, Opera and now Safari, Netscape 8 and Mozilla.

3 Level Lightweight CSS drop down menu

Suckerfish Menu is Most Lightweight Multilevel CSS drop down menu.

CSS and XHTML drop-down menu (vertical and horizontal)

Tutorial about Creation Horizontal and Vertical drop-down menu with CSS, without using any scripts languages.

Create a multilevel Dropdown menu with CSS and improve it via jQuery

Great tutorial to create multilevel Dropdown menu using CSS and jQuery

CSS Based Vertical Pop Out Menu

What follows is an example of how to develop menus similar to the ones shown here and here. This tutorial uses very similar code to cover the main ingredients for both those menus, they can be developed further by adding background images or more color.

Flyout menu with THREE sub levels

Vertical Flyout menu with three level, this works in IE5.5, IE6, IE7, Firefox, Opera, Mozilla and Netscape.

UvumiTools Dropdown Menu

The UvumiTools Dropdown Menu is the menu featured on this website. It is a very simple multi-level menu built from an HTML unorderd list, using Mootools Javascript Framework.

Drop down menu with jquery

Here’s a drop down animated menu example made with jquery.js 1.2.2

Dropdownmenu made with scriptaculous/prototype v0.5

Nice Dropdown menu using scriptaculous and prototype Script.

LWIS.net CSS Drop-Down Menu Framework

Very nice CSS Drop-Down Menu Framework

]]> http://www.hiddenpixels.com/javascript/css-dropdown-menus-sample-and-tutorials/feed/ 10 Ultimate Website Navigations http://www.hiddenpixels.com/designer-and-developer-resources/website-navigation/ http://www.hiddenpixels.com/designer-and-developer-resources/website-navigation/#comments Thu, 07 Aug 2008 11:15:08 +0000 HPadmin http://hiddenpixels.com/?p=261 Navigation scheme is the road map of your site. Navigation of links on your site plays a big role in determining the stickiness of your site. Ask yourself this, what do visitors do as soon as they open your site? They would probably read the content of the present page and then look around to find any other page that interests them. Here are some examples of very very creative horizontal and vertical website navigations.

Horizontal Navigation

Vertical Navigation

]]> http://www.hiddenpixels.com/designer-and-developer-resources/website-navigation/feed/ 6 Ultimate CSS Menus http://www.hiddenpixels.com/designer-and-developer-resources/ultimate-css-menus/ http://www.hiddenpixels.com/designer-and-developer-resources/ultimate-css-menus/#comments Mon, 21 Jul 2008 05:40:53 +0000 HPadmin http://hiddenpixels.com/?p=101 Here is Ultimate collection of Drop down menu, Professional Drop up menus, Multilevel menus, Image menus, Tabbed Menu, Transparent PNG menu, Sliding Menus using CSS.

]]> http://www.hiddenpixels.com/designer-and-developer-resources/ultimate-css-menus/feed/ 24 FREE CSS Menu http://www.hiddenpixels.com/css-stuffs/free-css-menu/ http://www.hiddenpixels.com/css-stuffs/free-css-menu/#comments Tue, 01 Jul 2008 08:33:03 +0000 HPadmin http://www.hiddenpixels.com/?p=24

white/orange. Clean and simple.3 Images.

Pre-built in blue/green. Clean and simple. No Images.

Pre-built in blue/green. Clean and simple. No Images.

Pre-built in light green/auburn.

Pre-built in blue. Most popular menu.

Pre-built in red. Background color controlled in css.

Pre-built in red, blue, green and purple.

Pre-built in blue, orange, red, green and grey.

Pre-built in grey/blue. First menu released.

Simple and sleek, pre-built in grey/blue.

Pre-built in red/grey. Top red line controlled via CSS.

Pre-built in dark blue. Bottom pink-ish line controlled via CSS.

Matt Black Tabs

Vista Aero Buttons Menu

Animated horizontal tabs

Arrow Bullet List Menu

Bold CSS Buttons.

CSS Oval buttons

CSS Square buttons

Glossy Horizontal Menu

CSS Indent Menu

CSS Pagination Links

Inverted Shift Down Menu II

Solid Block Menu

Overlapping horizontal tabs

]]> http://www.hiddenpixels.com/css-stuffs/free-css-menu/feed/ 2