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