Free website navigation buttons

css menu

Download Free website navigation buttons and see how easy it is to create your own css menu

Menu Item 1

Menu Item 2

Menu Item 3

Menu Item 4

Menu Item 5

Easy create your own css menu navigation bar
Create a html file with the following code:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Menu Item 1</title> <link rel="stylesheet" type="text/css" href="sample.css"> </head> <body> <div id="menu"> <ul> <li><a href="#">Menu Item 1</a></li> <li><a href="#">Menu Item 2</a></li> <li><a href="#">Menu Item 3</a></li> <li><a href="#">Menu Item 4</a></li> <li><a href="#">Menu Item 5</a></li> </ul> </div> </body> </html>

Create a css file (named sample.css) with the following code:
/* Menu */ #menu { } #menu ul { margin: 0; padding: 0; width: 120px; list-style: none; } #menu li { display: inline; } #menu a { display: block; padding: 5px 15px; text-decoration: none; background: url(images/Nor.JPG) repeat-x; color: #FAFAFF; } #menu a:hover { background: #325C81; background: url(images/MO.JPG) repeat-x; color: #FFFFFF; }

In the same location create a folder called "images" containing two 1 x 26 images (Nor.JPG and MO.JPG),
or download the sample file.

Pro2visual

Free website navigation buttons

css menu