Line of Site Web Design Articles

CSS Menu Generator

This CSS Menu Generator will generate both the CSS and the HTML code required to produce a text-based yet appealing set of navigation buttons. As text links are fast becoming preferred over images where search engine optimisation is needed, a CSS menu can give the effectiveness of text links with a much better look.

There are currently 3 different styles of menu available to generate, so simply choose the style you prefer by clicking on the appropriate radio button and then 'Proceed' ... to customise your menu by selecting colour and font options. Finally enter your list of button names and their associated links and then simply copy and paste the generated css and html code into your page and stylesheet.

For some examples of CSS menus and the code and images to go with them have a look at the CSS navigation samples available at Exploding Boy who has generously provided zip files with html and images.