Форум Diz-Cs.Ru
Преимущества регистрации:
Возможность создания тем
Общение с пользователями
Найдете множество полезной информации
Найдете своих единомышленников
DIZ-CS.RU - Мы с Вами НАВСЕГДА!
В данном разделе Вы сможете задать любой вопрос который касается uCoz. Если Вы ищите скрипт, то напишите в эту тему, также можете посетить наш раздел веб-мастеров.
Если у пользователя мало гарантий, то советуем провести сделку через гаранта.
  • Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Помогите. Горизонтальное меню....
Дата: Пн, 20.09.2010, 21:14:33 | Сообщение # 1
Аватар не установлен
OFF
Пользователь
87 Сообщения:
0 Отзывы:
ICQ пользователя:
Сайт пользователя:
Подскажите как сделать такое меню как на extm.clan.su
Скрин --> http://radikal.ua/data/upload/05615/fb1a9/66cf5eeb5e.png
Дата: Вт, 21.09.2010, 05:57:59 | Сообщение # 2
Аватарка Sprit
OFF
Мошенник
1548 Сообщения:
64 Награды:
0 Отзывы:
Skype пользователя:
Вот само меню
Code

<div id="head3">  
<div id="horiz-menu">

  <ul class="menu">
  <li id="current" class="level1" style="padding-left: 10px;"><a href="/" class="level1 topdaddy"><span>Главная</span></a></li>
  <li class="level1"><a href="/forum/" class="level1 topdaddy"><span>Форум</span></a></li>
  <li class="level1 topli"><a href="/load/1/" class="level1 topli topdaddy"><span>Всё для uCoz</span></a>
  <ul>
  <li><a href="/load/1/"><span>Всё для вашего сайта</span></a>
  <ul>

  <li><a href="/load/2/"><span>Шаблоны</span></a></li>
  <li><a href="/load/89/"><span>PSD Макеты</span></a></li>
  <li><a href="/load/3/"><span>Шапки</span></a></li>
  <li><a href="/load/4/"><span>Иконки</span></a></li>
  </ul>
  </li>
  <li><a href="/forum/65/"><span>Скрипты для uCoz </span></a>

  <ul>
  <li><a href="/forum/2/"><span>Разные скрипты</span></a></li>
  <li><a href="/forum/75/"><span>Новости сайта</span></a></li>
  <li><a href="/forum/76/"><span>Каталог файлов</span></a></li>
  <li><a href="/forum/66/"><span>Пользователи</span></a></li>
  <li><a href="/forum/67/"><span>Форум</span></a></li>

  <li><a href="/forum/79/"><span>Каталог сайтов</span></a></li>
  <li><a href="/forum/110/"><span>Мини-чат</span></a></li>
  <li><a href="/forum/111/"><span>Мини-профиль</span></a></li>
  <li><a href="/forum/131/"><span>Фотоальбом</span></a></li>
  </ul>
  </li>
   
  </ul></li>

<li class="level1 topli"><a href="/load/21/" class="level1 topli topdaddy"><span>Все для Adobe</span></a>
  <ul>
  <li><a href="/load/22/"><span>Кисти</span></a></li>
  <li><a href="/load/23/"><span>Шрифты</span></a></li>
  <li><a href="/load/52/"><span>Pattern's</span></a></li>
  <li><a href="/load/53/"><span>Style's</span></a></li>

  <li><a href="/load/54/"><span>After effect</span></a></li>
  <li><a href="/load/90/"><span>PSD файлы</span></a></li>
  <li><a href="/forum/14/"><span>Уроки Photoshop</span></a></li>
  <li><a href="/forum/15/"><span>Вопросы по Photoshop</span></a></li>
  <li><a href="/forum/29/"><span>Дуэли дизайнеров</span></a></li>
  <li><a href="/forum/31/"><span>Готовые PSD работы</span></a></li>

  <li><a href="/forum/87/"><span>Оценка ваших работ</span></a></li>
  <li><a href="/forum/77/"><span>Дополнения к PS</span></a></li>
  <li><a href="/forum/90/"><span>Уроки AE</span></a></li>
</ul></li>

<li class="level1 topli"><a href="/load/5/" class="level1 topli topdaddy"><span>Counter-Strike 1.6</span></a>
  <ul>
  <li><a href="/load/6/"><span>Игра</span></a></li>

  <li><a href="/load/7/"><span>Карты</span></a></li>
  <li><a href="/load/8/"><span>Боты</span></a></li>
  <li><a href="/load/9/"><span>Спрайты</span></a></li>
  <li><a href="/load/25/"><span>Демки</span></a></li>
  <li><a href="/load/15/"><span>Звуки</span></a></li>
  <li><a href="/load/19/"><span>Моды</span></a></li>

  <li><a href="/load/13/"><span>Плагины</span></a></li>
  <li><a href="/load/14/"><span>Античиты</span></a></li>
  <li><a href="/load/28/"><span>Музыка CS</span></a></li>
  <li><a href="/load/16/"><span>Русификаторы</span></a></li>
  <li><a href="/load/17/"><span>Аватарки</span></a></li>
  <li><a href="/load/27/"><span>Фон меню</span></a></li>

  <li><a href="/load/20/"><span>Программы</span></a></li>
  <li><a href="/load/24/"><span>Готовые сервера</span></a></li>
  <li><a href="/load/26/"><span>Видео (мувики)</span></a></li>
  <li><a href="/load/10/"><span>Модели оружия</span></a></li>
  <li><a href="/load/11/"><span>Модели игроков</span></a></li>
  <li><a href="/load/12/"><span>Модели перчаток</span></a></li>

  <li><a href="/load/87/"><span>Чит-коды</span></a></li>
</ul></li>

<li class="level1 topli"><a href="/load/29/" class="level1 topli topdaddy"><span>Counter-Strike:Source</span></a>
  <ul>
  <li><a href="/load/30/"><span>Игра</span></a></li>
  <li><a href="/load/35/"><span>Карты</span></a></li>
  <li><a href="/load/36/"><span>Спрайты</span></a></li>

  <li><a href="/load/37/"><span>Звуки</span></a></li>
  <li><a href="/load/32/"><span>Плагины</span></a></li>
  <li><a href="/load/34/"><span>Античиты</span></a></li>
  <li><a href="/load/38/"><span>Русификаторы</span></a></li>
  <li><a href="/load/33/"><span>Фон меню</span></a></li>
  <li><a href="/load/31/"><span>Программы</span></a></li>

  <li><a href="/load/39/"><span>Готовые сервера</span></a></li>
  <li><a href="/load/41/"><span>Модели оружия</span></a></li>
  <li><a href="/load/40/"><span>Модели игроков</span></a></li>
  <li><a href="/load/42/"><span>Модели перчаток</span></a></li>
</ul></li>

<li class="level1 topli"><a href="/load/44/" class="level1 topli topdaddy"><span>Игры</span></a>
  <ul>

  <li><a href="/load/46/"><span>Игры для PC</span></a></li>
  <li><a href="/load/47/"><span>Игры для PSP</span></a></li>
  <li><a href="/load/50/"><span>Игры для PS2</span></a></li>
  <li><a href="/load/51/"><span>Игры для xBox360</span></a></li>
</ul></li>

<li class="level1 topli"><a href="/load/77/" class="level1 topli topdaddy"><span>Team Fortress 2</span></a>
  <ul>

  <li><a href="/load/78/"><span>Скачать игру</span></a></li>
  <li><a href="/load/79/"><span>Материалы</span></a></li>
  <li><a href="/load/80/"><span>Сервера</span></a></li>
  <li><a href="/load/81/"><span>Карты</span></a></li>
  <li><a href="/load/82/"><span>Персонажи</span></a></li>
  <li><a href="/load/83/"><span>Оружие</span></a></li>

  <li><a href="/load/84/"><span>Видео</span></a></li>
  <li><a href="/load/85/"><span>Патчи</span></a></li>
</ul></li>

<li class="level1 topli"><a href="/load/68/" class="level1 topli topdaddy"><span>Left 4 Dead</span></a>
  <ul>
  <li><a href="/load/72/"><span>Скачать игру</span></a></li>
  <li><a href="/load/70/"><span>Патчи</span></a></li>

  <li><a href="/load/71/"><span>Моды</span></a></li>
  <li><a href="/load/69/"><span>Карты</span></a></li>
  <li><a href="/load/73/"><span>Программы</span></a></li>
  <li><a href="/load/74/"><span>Видео</span></a></li>
  <li><a href="/load/75/"><span>Коды</span></a></li>
  <li><a href="/load/76/"><span>Разное</span></a></li>

</ul></li>

<li class="level1 topli"><a href="/forum/13/" class="level1 topli topdaddy"><span>Графический уголок</span></a>
  <ul>
  <li><a href="/forum/96/"><span>Дизайнерская студия</span></a></li>
  <li><a href="/forum/97/"><span>Заказ графики</span></a></li>
  <li><a href="/forum/109/"><span>Заказ баннера</span></a></li>
  <li><a href="/forum/107/"><span>Заказ юзербара</span></a></li>

  <li><a href="/forum/106/"><span>Заказ шапки</span></a></li>
  <li><a href="/forum/108/"><span>Заказ аватара</span></a></li>
</ul></li>

</ul></div>

</div>

В ксс

Code

div#horiz-menu,
div#horiz-menu * {
  margin:0;
  padding:0;
}
div#horiz-menu {
  margin: 0 5px;
}
div#horiz-menu ul {
  margin: 0;
  padding: 0;
}
div#horiz-menu li {
  margin: 0 6px 0 0;
  padding: 0;
  border: 0;
  height: 29px;
  line-height: 28px;
}
div#horiz-menu a {
  padding: 0 0 0 3px;
}
div#horiz-menu a span {
  padding: 0 10px 0 5px;
}
div#horiz-menu li li {
  margin: 0;
  height: 29px;
}
div#horiz-menu ul {
  padding: 0;
}
div#horiz-menu li li a {
  padding: 0 0 0 5px;
  width:185px;
}
div#horiz-menu li ul {
  width: 190px;
}
div#horiz-menu li li:hover ul,
div#horiz-menu li li li:hover ul,
div#horiz-menu li li li li:hover ul {
  width: 190px;
}
div#horiz-menu li li {
  width: 190px;
}
/*------------------------------------------------------------*/

div#horiz-menu {
  font-size: 8pt;
  line-height: 10px;
}
div#horiz-menu a {
  text-decoration: none;
}
div#horiz-menu a:hover {
  text-decoration: none!important;
}
div#horiz-menu li li a {
  text-decoration:none;
}
div#horiz-menu li li a {
  line-height: 30px;
}

/*------------------------------------------------------------*/

div#horiz-menu {
  position: relative;
}
div#horiz-menu ul {
  list-style: none;
}
div#horiz-menu li,
div#horiz-menu a {
  display: block;
  float: left;
}
div#horiz-menu li span {
  display: block;
}
div#horiz-menu {
  float:left;
  position: relative;
}
div#horiz-menu li {
  float:left;
  list-style:none;
  position:relative;
}
div#horiz-menu li li a {
  display:block;
  float:none;
}
div#horiz-menu li ul {
  float: none;
  left:-999em;
  position:absolute;
  z-index: 1000;
}
div#horiz-menu li:hover ul {
  left:1px;
  top: 28px;
}
div#horiz-menu li:hover li ul,
div#horiz-menu li li:hover li ul,
div#horiz-menu li li li:hover li ul {
  top:-999em;
}
div#horiz-menu li li:hover ul,
div#horiz-menu li li li:hover ul,
div#horiz-menu li li li li:hover ul {
  left: 190px;
  top:0px;
}
div#horiz-menu li li {
  position: relative;
  float:none;
}

/*-----------------------------------------------------------*/

div#horiz-menu li.level1 ul {
  background: #474747;

}
div#horiz-menu li.level1 li a,
div#horiz-menu li.level1 li span.separator {
  border-bottom: 1px solid #5b5b5b;
}
div#horiz-menu li.level1 li a {
  color: #bfbfbf !important;
}
div#horiz-menu li.level1 li:hover {
  background: #7c7c7c;
}
div#horiz-menu li.level1 a.topdaddy{
  color: #FFF;
}
div#horiz-menu li.level1 a.topdaddy:hover {
  color: #CCC;
  background: transparent url('http://extm.clan.su/img/15.png') no-repeat left 5px;
}
div#horiz-menu li.level1 a.topdaddy:hover span {
  background: transparent url('http://extm.clan.su/img/15left.png') no-repeat right 5px;
}
div#horiz-menu li.topli a.topdaddy:hover {
  color: #bfbfbf;
  background: transparent url('http://extm.clan.su/img/16.png') no-repeat left 5px !important;
}
div#horiz-menu li.topli a.topdaddy:hover span {
  background: transparent url('http://extm.clan.su/img/16left.png') no-repeat right 5px !important;
}
div#horiz-menu li.active a.topdaddy,
div#horiz-menu li.active a.topdaddy:hover {
  color: #CCC;
  background: transparent url('http://extm.clan.su/img/15.png') no-repeat left 5px;
}
div#horiz-menu li.active a.topdaddy span,
div#horiz-menu li.active a.topdaddy:hover span {
  color: #CCC;
  background: transparent url('http://extm.clan.su/img/15left.png') no-repeat left 5px;
}
Дата: Вт, 21.09.2010, 08:21:21 | Сообщение # 3
Аватар не установлен
OFF
Пользователь
87 Сообщения:
0 Отзывы:
ICQ пользователя:
Сайт пользователя:
Sprit, спасибоО happy happy happy
Дата: Вт, 21.09.2010, 10:39:25 | Сообщение # 4
Аватарка Sprit
OFF
Мошенник
1548 Сообщения:
64 Награды:
0 Отзывы:
Skype пользователя:
Sekas, Обращайся
Дата: Вт, 21.09.2010, 16:33:20 | Сообщение # 5
Аватар не установлен
OFF
Пользователь
87 Сообщения:
0 Отзывы:
ICQ пользователя:
Сайт пользователя:
А как сделать что бы оно работало во всех браузерах??
А то в Opere работает, а в Internet Explorer нет dry
Дата: Ср, 22.09.2010, 10:46:22 | Сообщение # 6
Аватарка Sprit
OFF
Мошенник
1548 Сообщения:
64 Награды:
0 Отзывы:
Skype пользователя:
Sekas, Internet Explorer Прошлое!
В нем мало кто ходит ))
  • Страница 1 из 1
  • 1
Поиск: