Мы находимся тут
Меню сайта
Мы находимся тут
Главная » Файлы » 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, меню, выпадающее
Просмотров: 1446 | Загрузок: 0 | Комментарии: 1 | Рейтинг: 0.0/0

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

- Ссылка - BBCode - HTML

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


Ответ:
 




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

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

Новые параметры командной строки для defrag.exe в Windows 7

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

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

[2й реалм] Создание двух реалмов на одном сервере

GM команды

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

КАК ДОБАВИТЬ ПОЛЬЗОВАТЕЛЯ JOOMLA ЧЕРЕЗ PHPMYADMIN

ЗАМЕНЯЕМ «ПОДРОБНЕЕ» НА ЗАГОЛОВОК МАТЕРИАЛА

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

Случайный фаил
Меню для ucoz с переключением разделов

Папка system High Five P4 (Kill GG)

Готовый Surf сервер для cs1.6 (сёрфинг в cs1.6)

Joomla 1.5 Русская

[Freya] Скачать Augmenter для вашего Java сервера Lineage от FreaK

Выпадающее меню без javascript

L2 File Editor [C4 - Freya]

[OFF SERVER] Самая качественная сборка PTS - Interlude

Скрипт баллов для uCoz

ModSpora v2.6 StinK, Falnister [Mangos]

Инфо


Belfis Project © 2025