How to create a CSS Menu without breaking a sweat


h1 August 16th, 2007

screenshot of CSS Menu Generator

Usually, web masters need to know CSS and HTML before they can make a text-based navigational menu for their web site. True, they can use images rather than text links, but images aren’t ideal for search engine optimization. With the CSS Menu Generator, creating an appealing yet search-engine-friendly menu only takes a few steps.

First, you go to the CSS Menu Generator’s main website and select one of three CSS menu styles. Then, you’ll be taken through a short online wizard that lets you choose the size and colors of your menu. You can also input the link addresses and text you’ll be using.

The application is user-friendly, except for the fact that you need to know the hexadecimal values of the colors you want. You can look up these values online or through the color selector tools of imaging software such as Photoshop – although it would’ve been more convenient if the application page had a link to a similar tool.

Once you’ve gone through the wizard, you can see a preview of your menu. If you don’t like what you see, you can always press the “Back” button on your browser and change your menu settings. The wizard will generate both the CSS and HTML code for your menu, and all you have to do is paste it within your website’s CSS and HTML files. Overall, it’s a great tool for web masters who are new to CSS and HTML, as well as web design professionals who want to create simple menus without the fuss.

CSS Menu Generator can run on any Internet Explorer 4.0 or compatible browser.

Go to CSS Menu Generator



Leave a Comment


h1