Главная » Файлы » Скрипты для Юкоз » Горизонт. меню |
[ Скачать с сервера (5.7 Kb) · Скриншот ] | 11.12.2011, 23:15 |
Классическое горизонтальное меню для ucoz черного цвета с глянцевым эффектом. Установка: 1. Качаем изображения с архива и заливаем к себе на сайт в папку "img". 2. Копируем код и вставляем в CSS: Code #menu{ width:100%; margin:0; padding:0; } #menu ul{ list-style:none; } #menu li{ list-style:none; display:block; float:left; } #menu li a{ font-family:sans-serif; display:block; float:left; height:50px; color:#F4F4F4; font-size:18px; font-weight:bold; background:url(/img/menu_left6.png) no-repeat left; line-height:49px; padding:0 0 0 20px; text-decoration:none; } #menu li a span{ display:block; float:left; background:url(/img/menu_right6.png) no-repeat right; height:50px; color:#F4F4F4; line-height:49px; padding:0 20px 0 0; } #menu li a:hover{ display:block; float:left; background:url(/img/menu_left_h6.png) no-repeat left; height:50px; } #menu li a:hover span{ display:block; float:left; background:url(/img/menu_right_h6.png) no-repeat right; color:#fff; height:50px; } 3. Вставляем в любой блок на сайте(туда, где хотим видеть горизонтальное меню): Code <div id="menu"> <ul> <li><a href="http://u-mast.com/load/"><span>Главная</span></a></li> <li><a href="http://u-mast.com/load/"><span>Поиск</span></a></li> <li><a href="http://u-mast.com/load/"><span>Регистрация</span></a></li> <li><a href="http://u-mast.com/load/"><span>Карта сайта</span></a></li> <li><a href="http://u-mast.com/load/"><span>О сайте</span></a></li> </ul> </div> Ссылки ставим свои, размер кнопок и шрифта можно подогнать в CSS. | |
Просмотров: 1501 | Загрузок: 144 | |
Всего комментариев: 0 | |