thesitewizard.com's Free Navigation Menu Wizard creates a free, customized professional-looking navigation menu bar for your website.
Rollover or MouseOver Effects — When you move your mouse over a button, it changes colour ("color" if you use a different variant of English).
Fully CSS-Driven; No JavaScript Required — The navigation menu is fully CSS driven. It does not depend on JavaScript (unless you enable the optional hamburger menu button facility). That is, even if your visitors disable JavaScript, your menu will be fully functional in all modern web browsers.
No Images Needed — The button menu generated by this wizard does not depend on any images to give its button and mouseover effects. You do not need to draw a new image every time you want to add a new button or menu item. All its effects are accomplished using Cascading Style Sheets (CSS) which is built into every modern web browser.
Both Vertical Menu Bars (for the Side Bar) and Horizontal Menu Bars (Tab Bars) are Supported — Whether you want your menu bar buttons to be lined up along one column of your website, such as in your sidebar (eg, HowToHaven, etc), or you want it horizontal at the top (tabs, like on that on the Fiverizer website) or bottom of your web page, the CSS Navigation Menu Button Wizard can generate the code for you.
Fully Customizable — You can fully customize your menu buttons to suit the design of your website. For example, you can change the colour of your menu buttons (in both its normal state and its rollover state), the text appearing on those buttons as well as the URLs (pages) that they point to. The links can be both internal, to pages within your site, or external, to another site.
Cross-browser Compatible — The generated menu is compatible with all modern web browsers, on mobile phones, tablets and desktop/laptop computers.
Optional Hamburger Menu Button Support — If you wish, you can elect to have the menu collapse into a single button, sometimes called a "hamburger menu button", on small screens like mobile phones. Your visitors can then click that button to expand the menu if they wish. (Use a mobile phone to view the demo for this feature, or if you are on a desktop/laptop computer resize your browser window to mobile phone sizes.) Note that this option is only available if you create a vertical menu.
Plug and Play — All the code necessary for the navigation menu buttons to work is generated for you. Just plug it into your website and you're done.
Easy to Create — No mucking around with the raw CSS or HTML code is necessary. The wizard does all the work for you. Just enter the information you want for your menu in this 2-step wizard to get your menu button code.
Free — Create the buttons and place them on your website free of charge! There are no fees whatsoever.
No Advertisements — There are no advertisements in the CSS buttons generated by the CSS Navigation Menu Button Wizard.
Privacy — The information you enter into this Wizard is not stored or sent to anyone.
Do you find this article useful? You can learn of new articles and scripts that are published on thesitewizard.com by subscribing to the RSS feed. Simply point your RSS feed reader or a browser that supports RSS feeds at https://www.thesitewizard.com/thesitewizard.xml. You can read more about how to subscribe to RSS site feeds from my RSS FAQ.
It will appear on your page as:
