Свернуть

Новости проекта

Долгожданное открытие студии theRealARTs

Ура! Товарищи,приятная новость, свершилось затянувшееся открытие сайта theRealARTs, занимающегося разработкой в сфере Веб-Дизайна и графики.

Молодой, энергичный, яркий и индивидуальный проект спешит по хвастаться своим открытием и ждет новых посетителей на свой сайт!

12 Января 2015 Подробнее

Наша группа Вконтакте

Мы собираем и публикуем материалы не только на сайте, но и в нашей группе Вконтакте, нужно отметить то, что на сайте публикуются не все материалы, небольшая часть выкладывается только в группе.

17 Марта 2014 Подробнее

Свернуть

Прямой эфир

Пользователь: artCreative

В раздел по теме: Вид материалов как на Pinterest
Пользователь: artCreative

В раздел по теме: Ссылка на источник при копировании текста
Пользователь: muxa

В раздел по теме: Ссылка на источник при копировании текста
Не работает
Пользователь: muxa

В раздел по теме: ОТЛИЧНЫЙ БАНЕР ДЛЯ UCOZ
Все работает класс
Пользователь: muxa

В раздел по теме: Всплывающее меню на чистом CSS
Не работает
Пользователь: muxa

В раздел по теме: Шаблон Фотошоп-Мастер
Пользователь: vovany

В раздел по теме: Уникальная страница технических работ для uCoz

Свернуть

Статистика

Пользователи

Гости сайта

Онлайн
Кто был
СЧ

[Статистика недоступна]

Всего пользователей: 1492 ⁺⁰
Всего материалов [?]: 1434 +

Полный список

Вы здесь: Главная » Рубрики » Скрипты для uCOZ » Скрипты меню » Горизонтальное меню

Горизонтальное меню

Опубликовал: artCreative™
Категория: Скрипты меню
Дата: 19 Июня 2025 в 02:20

0 голосов

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

Туда где хотим видеть меню:

<div id="menu">
  <ul>
  <li><a href="#" class="current">Главная</a></li>
  <li><a href="#">Скрипты uCoz</a></li>
  <li><a href="#">Шаблоны uCoz</a></li>
  <li><a href="#">Контакты</a></li>
  </ul>
</div>

И в CSS:

#menu{
/* margin:0 auto;*/
  width:700px;
  height:59px;
  background:url(http://www.nizckod.ru/vsjak/33966158.jpg) repeat-x;
  }
  #menu ul{
  list-style:none;
  margin:0 auto;
  width:500px;
  }
  #menu li{
  list-style:none;
  display:block;
  float:left;
  height:59px;
  line-height:59px;
  }
  #menu li a{
  display:block;
  float:left;
  color:#a7a7a7;
  text-transform:uppercase;
  font-size:11px;
  font-weight:bold;
  line-height:59px;
  text-decoration:none;
  padding:0 20px;
  }
  #menu li a:hover{
  color:#fff;
  background:url(http://www.nizckod.ru/vsjak/43404672.jpg) no-repeat bottom;
  }
  #menu li a.current{
  display:block;
  float:left;
  background:url(http://www.nizckod.ru/vsjak/43404672.jpg) no-repeat bottom;
  color:#fff;
  text-transform:uppercase;
  font-size:11px;
  font-weight:bold;
  line-height:59px;
  text-decoration:none;
  padding:0 20px;
  }
  #menu li a:hover.current{
  color:#fff;
  background:url(http://www.nizckod.ru/vsjak/22364790.jpg) no-repeat bottom;
  }

Спонсор материала: Студия Веб-Дизайна RealARTs

Для того, чтобы скачивать файлы Вам нужно авторизироваться или зарегистрироваться

Просмотров 758 « Назад

Теги материала: горизонтальное, меню

Комментарии пользователей

Внимание ! У вас нет прав для добавления комментариев.
Пожалуйста авторизуйтесь или зарегистрируйтесь.

E-mail отправителя *:
Тема письма:
Текст сообщения *:

ПАНЕЛЬ УПРАВЛЕНИЯ

Вы здесь: Главная » Рубрики » Скрипты для uCOZ » Скрипты меню » Горизонтальное меню

Горизонтальное меню

Комментарии пользователей