Горизонтальное CSS меню для uCoz
827материалов
228тем на форуме
3004комментария
6160пользователей

Горизонтальное CSS меню для uCoz


Красивое темно-серое с синим оттенком горизонтальное CSS меню. В данном меню нет не одного скрипта, меню полностью создан из CSS стилей. Установка его очень просто.

Установка:

Ставим данный код туда где хотим видеть меню:
Код
<div id="menu">   
   <ul>   
   <li><a href="#" target="_blank"><span>Главная</span></a></li>   
   <li><a href="#" target="_blank"><span>Архив Файлы</span></a></li>   
   <li><a href="#" target="_blank"><span>Наш Форум</span></a></li>   
   <li><a href="#" target="_blank"><span>Каталог Статей</span></a></li>   
   <li><a href="#" target="_blank"><span>Онлайн игры</span></a></li>   
   <li><a href="#" target="_blank"><span>ТОП сайтов</span></a></li>   
   <li><a href="#" target="_blank"><span>Администрация</span></a></li>   
   </ul>   
</div>

Заходим в Таблица стилей(CSS) и в самый низ ставим код:
Код
/* Горизонтальное CSS меню для uCoz */   
#menu{   
   width:100%;   
   height:60px;   
   background:url(http://webmaster-ucoz.ru/ucoz/1/img/menu/menu_bg.png) repeat-x;   
}   
#menu ul{   
   list-style:none;   
   margin:0 auto;   
   width:100%;   
}   
#menu li{   
   list-style:none;   
   display:block;   
   float:left;   
   height:60px;   
   line-height:60px;   
}   
#menu li a{   
   display:block;   
   float:left;   
   color:#a7a7a7;   
   text-transform:uppercase;   
   font-size:11px;   
   font-weight:bold;   
   line-height:60px;   
   text-decoration:none;   
   padding:0 25px;   
}   
#menu li a:hover, #menu li a.current{   
   color:#fff;   
   background:url(http://webmaster-ucoz.ru/ucoz/1/img/menu/menu_h.png) no-repeat bottom;   
}   
/* ------------------------- */

ПОСМОТРЕТЬ ДЕМО ЗАКАЗАТЬ УСТАНОВКУ

Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 02.07.2015 в 16:00
Материал просмотрен: 1461 раз
Категория материала: Скрипты для uCoz
К материалу оставлено: 6 комментариев

Пожаловаться
Сказать спасибо
Источник

6 комментариев


avatar
А как сделать чтоб фон меню был голубой?)
Ромчик
В фотошопе поправить цвет
avatar
никак не помогло)
vkusnbly
а как сделать чтоб страница новая не открывалась,а обновлялась та же,по вкладке
Ромчик
Убрать атрибут target="_blank"
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта