1. Computing & Technology

Discuss in my forum

Free Web Template: Basic Vertical Menu

By , About.com Guide

About this Free Web Template:

This free list menu template shows you how to create a basic vertical menu using simple XHTML tags and CSS properties. It is a blue menu with white text and white rollover.

See The Template

Works in Browsers:

Windows

  • Firefox and Mozilla 1
  • Internet Explorer 5 and 6
  • Opera 8.5 and 9

Macintosh

  • Firefox and Mozilla 1
  • Internet Explorer 5
  • Netscape 7
  • Safari 1

Details:

  • menu 12ems wide with a dark blue background
  • menu items white text with light blue dividing lines
  • rollover turns the menu items white background with black text

To Use the Free Web Template:

  1. Copy the CSS into a document named styles.css
  2. Copy the HTML into another document in the same directory
  3. Change the text to your content
  4. Publish both documents

If you plan to add this menu to an existing page:

  1. Copy the CSS into a document named styles.css
  2. Copy the HTML from the BODY section into your HTML
  3. Add a link to the styles.css file into your HTML
  4. Modify styles.css so that all your other links are the correct color

The Web Site Template Data:

More Web Site Templates:

Terms of Use:

You are free to use any of the free Web templates here for personal or commercial designs, either in print or on the Web, excluding items for resale. You may not give away, sell, or redistribute the files in any way. Do not post these files on any another Web site, electronically distribute them, or include them in any package for distribution. If you find these files useful, please include a credit line or a link back to this site [http://webdesign.about.com/]. Terms of use last modified 8/29/2004.

©2012 About.com. All rights reserved.

A part of The New York Times Company.