Скопируйте код и установите между указанными тегами
Код CSS (цвет текста по вкусу) между тегами <head> </head>:
- <style>
- #menu_site1 { float:left; width:130px; background:#C0C0C0; font: bold 12pt Verdana; height: 156px; }
- #menu_site1 ul { margin:0; padding:8 4 4 8; list-style:none; }
- #menu_site1 li { display:inline; margin:0; padding:0; }
- #menu_site1 a { float:left; background:#FFF; no-repeat left top; margin:0; padding:0 0 0 2; text-decoration:none; }
- #menu_site1 a span { display:block; background:#0000FF; no-repeat right top; padding:2 8 8 4; color:#FFff00; }
- #menu_site1 a span { float:none; background:#0000FF; }
- #menu_site1 a:hover span { color:#FFFf00; }
- #menu_site1 a:hover { background:#FFF; }
- #menu_site1 a:hover span { background:#FF0000; }
- </style>
Код HTML (количество страниц по необходимости) между тегами <body> </body>:
- <div id="menu_site1"><ul><b><li><a href="#1"><span>страница 1</span></a></li>
- <br><li><a href="#2"><span>страница 2</span></a></li>
- <br><li><a href="#3"><span>страница 3</span></a></li>
- <br><li><a href="#4"><span>страница 4</span></a></li>
- <br><li><a href="#5"><span>страница 5</span></a></li></b></ul></div>
Второй вариант
Код CSS (цвет текста по вкусу) между тегами <head> </head>:
- <style> #tabs { font: bold 9.5pt Verdana; }
- #menublok { float:left; margin: 0; padding: 0px 0px; width:106; background:#575656; font-size:93%; line-height:normal; }
- ul#menulist { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; }
- ul#menulist li { float: left; font: bold 9.5pt Verdana; line-height: 30px; margin: 0; padding: 5px 0 5px 0; }
- #menulist a,
- #menulist a:link { margin: 0; padding: 7px; color: #fff; border: 4px solid #575656; text-decoration: none; }
- #menulist a:hover { color: #fff; border: 4px solid #fff; }
- </style>
Код HTML(количество страниц по необходимости) между тегами <body> </body>:
- <div id="menublok"> <ul id="menulist"> <li><a href="#"><span>страница 1</span></a></li>
- <br><li><a href="#"><span>страница 2</span></a></li>
- <br><li><a href="#"><span>страница 3</span></a></li>
- <br><li><a href="#"><span>страница 4</span></a></li>
- <br><li><a href="#"><span>страница 5</span></a></li> </ul> </div>
