Красивое горизонтальное меню для сайта

Это меню имеет стасус free и может использоватся во всех целях кроме комерческих.

Вствляем в CSS в самый низ

Код

* {margin:0; padding:0}
body {font:14px Helvetica, sans-serif; font-weight:bold; background:#FFF}
.menu {position:relative; background:url(images/bg.gif) repeat-x; height:35px;}
.menu ul {list-style:none; z-index:10; position:absolute; z-index:100; padding:9px 5px}
.menu li {float:left}
.menu a, .menu a:active, .menu a:visited, .menu a:hover {text-decoration:none; color:#FFF; padding:10px}
#slide {position:absolute; top:0px; height:35px; background:#89957a; z-index:10}

Вставляем между <head>...</head>

Код

Этот когд вставляем туда где вам нужно меню(замените ссылки на свои)

Код

<body onload="menuSlider.init('menu','slide')">
<div class="menu">
  <ul id="menu">
  <li><a href="#">JavaScript</a></li>
  <li value="1"><a href="#">Graphic Design</a></li>
  <li><a href="#">HTML</a></li>
  <li><a href="#">User Interface</a></li>
  <li><a href="#">CSS</a></li>
  </ul>
  <div id="slide"></div>
</div>

<li value="1"> значит, что ссылка в которой стоит этот параметр будет выделена первой при загрузке страницы.

Скачиваем архив и льем содержимое в корень сайта.

И ещё вид данного меню вы можете изменить как вам угодно, в архиве есть картинка-фон.
Источник материала: http://www.leigeber.com

Скачать Красивое горизонтальное меню для сайта

html-cсылка на публикацию
BB-cсылка на публикацию
Прямая ссылка на публикацию

Друзья сайта

Заказать место

Поиск по сайту

Статистика сайта

Онлайн всего: 4

Гостей: 4

Пользователей: 0

[ Кто онлайн? ] [ Сегодняшние посетители ]

Скрипты для uCoz, Шаблоны для uCoz, Все для веб мастера, Все для Photoshop