Мы находимся тут
Меню сайта
Мы находимся тут
Главная » Файлы » UCOZ » Горизонтальное меню

Выпадающее меню без javascript
Размер - 03.11.2011, 21:16

Горизонтальное меню без использования js для ucoz. Меню не использует ни одной картинки, грузить сайт соответственно нечему. В любой момент можно легко настроить цвет, размер, структуру меню. Меню ucoz с подкатегориями.

Установка горизонтального меню:

В П.У - Дизаин - Управление дизайном(CSS):
Code


*{  
  margin:0;  
  padding:0  
}  
#nav{  
  font-size:0.7em;  
  list-style-type:none;  
  width:600px;  
  height:25px;  
  display:inline-block;  
  background:#355C96;  
  line-height:25px  
}  
  #nav li{  
  float:left;  
  width:120px;  
  margin-top:-10000px  
  }  
  #nav li a{  
  width:120px;  
  text-decoration:none;  
  text-align:center;  
  color:#fff;  
  position:relative;  
  float:left;  
  margin-right:-119px;  
  margin-top:10000px  
  }  
  #nav li a:hover, #content #nav li a:focus, #content #nav li a:active{  
  background:#DCE2FC;  
  margin-right:0;  
  color:#355C96  
  }  
  #nav li ul{  
  background:#6286BD;  
  float:left;  
  margin-top:-25px;  
  padding-top:25px;  
  margin-bottom:-10000px;  
  list-style-type:none  
  }  
  #nav li ul li{  
  float:none;  
  margin:0;  
  width:auto  
  }  
  #nav li ul li a{  
  float:none;  
  display:block;  
  margin:0;  
  margin-right:-1px;  
  background:#6286BD  
  }  

Этот код вставляем в то место, где хотите видеть меню, обычно это П.У - Дизаин - Управление дизайном - Верхняя часть сайта:
Code


<ul id="nav">  
  <li><a href="" title="">Главная</a></li>  
  <li><a href="" title="">Шаблоны</a>  
  <ul>  
  <li><a href="" title="">Компьютеры</a></li>  
  <li><a href="" title="">Мониторы</a></li>  
  <li><a href="" title="">Комплектующие</a></li>  
  </ul>  
  </li>  
  <li><a href="" title="">Скрипты</a>  
  <ul>  
  <li><a href="" title="">Меню для ucoz</a></li>  
  <li><a href="" title="">Шапки для ucoz</a></li>  
  <li><a href="" title="">Часы для ucoz</a></li>  
  </ul>  
  </li>  
  <li><a href="" title="">Форум веб мастеров</a></li>  
  <li><a href="" title="">Карта сайта</a></li>  
  </ul>




Категория: Горизонтальное меню | Добавил: Belfis | Теги: javascript, меню, выпадающее
Просмотров: 1436 | Загрузок: 0 | Комментарии: 1 | Рейтинг: 0.0/0

Поделись ссылкой

- Ссылка - BBCode - HTML

Всего комментариев: 1
 
14.09.2013
1. Galina ( Cardinal )  
Очень понравилось меню,особенно после переделки под свои нужды. Только беда в том, что при открытии вкладка попадает под ниже лежащие картинки, а надо чтобы была над ними. Как сделать? Спасибо.
(не знаю, понятно ли объяснила)


Ответ:
 




Имя *:
Email *:
Код *:
Поиск
Полезное

Ключи для Файлообменников
Авторизация
Случайная статья
Полный список игровых команд и эмоций

Мануал по уменьшению трафика при DDOS-атаке сайта

Включаем режим разработчика

Руководство по установке сервера MaNGOS для Windows

КАК ИЗБАВИТЬСЯ ОТ СПАМ-ССЫЛОК В КОММЕНТАРИЯХ. ЗАЩИТА DLE 8.5-9.0 ОТ ВРЕДОНОСНОГО ПО, РАССЫЛАЮЩЕГО СПАМ.

Строим свой город

[Мануал] Запрет или разрешение атаки NPC игрокам

Полный гайд по установке сервера AION.

[Мануал] Название клана в титуле вступившего в него

Создаем IRC сеть через UnrealIRCd + Anope (Как на shockworld)

Случайный фаил
Готовый public сервер для cs1.6

Java сервер Aion-Java rev. 58 + Геодата для Aion 2.1

Исходники Java Сервера Lineage мода Good vs Evil (GVE)

МОДУЛЬ ОЧИСТКИ КЭША CACHE CLEANER 1.10.1

Эвент Hero per Day

Navicat Premium 9.0.6

Скрипт дня рождения

World of Warcraft 3.3.5 Server x32-x64 Public v13 By SergeySV

Модули web-money и Yandex-деньги J1.5

[H5] Исходный код сервера l2.owerworld.su

Инфо


Belfis Project © 2025