rapidweaver ref - menu center-submenus-html5



CSS3 is changing how we build websites. Even though many of us are still reluctant to start using CSS3 due to the lack of support in some browsers, there are those out there that are moving forward and doing some amazing stuff with its cool new features. No longer will we have to rely on so much JavaScript and images to create nice looking website elements such as buttons and menu navigations.
You can build a cool rounded navigation menu, with no images and no Javascript, and effectively make use of the new CSS3 properties border-radius and animation. This menu works perfectly well with Firefox, Opera, Chrome and Safari. The dropdown also works on non-CSS3 compitable browsers such as IE7+, but the rounded corners and shadow will not be rendered. CSS3 transitions could one day replace all the fancy jQuery animation tricks people use.

Menu Features

  •  No Javascript is required
    Works in browsers with disabled Javascript or if a browser has no Javascript support at all.
  •  Cool CSS3 properties
    Multi-level dropdown menu is created using CSS3 rounded corners (CSS3 border-radius), CSS3 shadow (box-shadow and css3 text-shadow).
    Opacity, backround and font colors, linear gradient and radial CSS3 gradient are also supported.
    CSS3 only effect for dropdown appearance, Fade,Slide, etc.
  •  Mega Menu with Multicolumn Submenus
    Create Mega Menu with multicolumn submenus. Specify the number of rows you want to have.
  •  SEO friendly
    Search engines and text-only browsers friendly.
  •  100% CSS-driven designs
    The menu is based on HTML list of links (UL/LI structure) and CSS only. No additional non-css params are used.
  •  Small size
    Immediate loading of the menu. Doesn't use additional files.
  •  Browser support
    Supports all modern browsers (in IE6 top-level items are accessible only).
  •  Supported Devices
    Supports all modern devices (iPhone, iPad, Android, BlackBerry, Windows Phone).
  •  GUI interface
    Visual design user interface allows you to create your menus without the need for complex hand coding. Use the preview window to view your menu design while you are developing and customizing.