Простое светлое горизонтальное меню ucoz. Строгий стиль меню найдет своих фанатов. Установка: 1. Копируем код и вставляем в CSS: #nav { margin: 0; padding: 0 0 20px 10px; border-bottom: 1px solid #9FB1BC; }
#nav li { margin: 0; padding: 0; display: inline; list-style-type: none; }
#nav a:link, #nav a:visited { float: left; font-size: 10px; line-height: 14px; font-weight: bold; padding: 0 12px 6px 12px; text-decoration: none; color: #708491; }
#nav a:link.active, #nav a:visited.active, #nav a:hover { color: #000; background: url(http://wallaby.ucoz.ru/menu/menu1.gif) no-repeat bottom center; } 2. Вставляем в любой блок на сайте(туда, где хотим видеть горизонтальное меню):<ul id="nav"> <li><a href="http://wallaby.ucoz.ru"><span>Главная</span></a></li> <li><a href="http://wallaby.ucoz.ru"><span>Поиск</span></a></li> <li><a href="http://wallaby.ucoz.ru"><span>Регистрация</span></a></li> <li><a href="http://wallaby.ucoz.ru/sitemap.xml"><span>Карта сайта</span></a></li> <li><a href="http://wallaby.ucoz.ru/forum"><span>Форум</span></a></li> </ul>
|