Wednesday, January 6, 2010

menus - navigation - horizontal navbar

Add top navigation - horizontal navbar

This is a two part discussion in how to add top navigation to your blog. We will be creating horizontal navigation, placing it at the top of your blog, and finally styling it.

There are literally hundreds of sites that give the html and css to create menus for your site. CssPlay by Stu Nichols is a good example of a collection of menus from which to choose.

The menu itself is html using an unordered list, where each list item will link to a specified url.

The styling of the list items and the links is achieved by the use of css. A long explanation is not warranted here. Suffice it to say that the "inline" declaration will change the appearance of the list from a vertical block to horizontal. For a step by step explanation in how to create and style a horizontal menu check out 456BereaStreet.com.

No comments:

Post a Comment