Меню сайта
Категории сайта
Мини-чат
Наш опрос
Вы носите очки?
Всего ответов: 1210
Облако тегов
Статистика
Онлайн всего: 4
Гостей: 4
Пользователей: 0


Нас посетили:
Мини-профиль
Поиск
Календарь
Статистика
Архив
Реклама
Узнай айпи
Главная » 2009 » Июнь » 30 » Скрипты для uCoz » Красивое меню c выпадающим подменю на CSS
Красивое меню c выпадающим подменю на CSS
Вы пришли к нам на портал что бы скачать\посмотреть Красивое меню c выпадающим подменю на CSS, если возникнут вопросы по данному файлу Красивое меню c выпадающим подменю на CSS, вы всегда можете задать свой вопрос на нашем форуме.
С уважением, администрация isucoz.com.

Скачать Красивое меню c выпадающим подменю на CSS

Начнем с модифицированной HTML разметки:

Code
<div id="navigation">
  <ul>
  <li><a href="index.php" class="link1">Home</a></li>
  <li><a href="metal" class="drop link2">Metal<!--[if IE 7]><!--></a><!--<![endif]-->
  <!--[if lte IE 6]><table><tr><td><![endif]-->
  <ul>
  <li><a href="gold.php">Gold</a></li>
  <li><a href="aluminum.php">Aluminum</a></li>
  <li><a href="brass.php">Brass</a></li>
  <li><a href="stainless-steel.php">Stainless Steel</a></li>
  </ul>
  <!--[if lte IE 6]></td></tr></table></a><![endif]-->
  </li>
  <li><a href="plastic" class="drop link3">Plastic<!--[if IE 7]><!--></a><!--<![endif]-->
  <!--[if lte IE 6]><table><tr><td><![endif]-->
  <ul>
  <li><a href="polyethelene.php">Polyethelene</a></li>
   
  <li><a href="polycarbonate.php">Polycarbonate</a></li>
  <li><a href="fiberglass.php">Fiberglass</a></li>
  <li><a href="pvc.php">PVC</a></li>
  </ul>
  <!--[if lte IE 6]></td></tr></table></a><![endif]-->
  </li>
  <li><a href="services.php" class="drop link4">Services<!--[if IE 7]><!--></a><!--<![endif]-->
   
  <!--[if lte IE 6]><table><tr><td><![endif]-->
  <ul style="height:240px;top:-40px;">
  <li><a href="art.php">Art</a></li>
  <li><a href="design-for-manufacturing.php">Design For Manufacturing</a></li>
  <li><a href="prototyping.php">Prototyping</a></li>
  <li><a href="quickturn.php">Quickturn</a></li>
  <li><a href="safety-design.php">Safety Design</a></li>
  <li><a href="kits-and-assembly.php">Kits & Assembly</a></li>
  <li><a href="rfq.php">Request For Quote</a></li>
   
  </ul>
  <!--[if lte IE 6]></td></tr></table></a><![endif]-->
  </li>
  <li><a href="news.php" class="link5">News</a></li>
  <li><a href="catalog.php" class="link6">Catalog</a></li>
  <li><a href="about.php" class="link7">About Us</a></li>
  <li><a href="contact.php" class="link8">Contact</a></li>  
  <li><a href="users.php" class="link9">Registered Users</a></li>
  </ul>
  </div>

Что касается CSS, то код здесь довольно объемный и я не вижу смысла полностью его выкладывать здесь. Я поместил его в отдельных файл и подключил к основному документы следующим образом:

Code
<link href="reset.css" type="text/css" rel="stylesheet" />
  <link href="menustyle.css" type="text/css" rel="stylesheet" />

Смотрим пример!
Кому понравилось ставим +


У вас есть сайт, но ты незнаешь какой у тебя тИЦ и ПР? Будь в курсе событий, поставь счетчик тИЦ и ПР на свой сайт! Счетчик тИЦ и ПР.
Добавил: Simpsonnn | Комментариев: 5 | Просмотров: 1907 | Добавлено: 30-Июн-2009

[Скачивать могут только зарегистрированные пользователи. Регистрация | Вход]
0  
5 WiN32   (17-Июл-2009 11:03:08) [Материал]
гавнище dry
-1  
1 fabregas91   (30-Июн-2009 15:21:19) [Материал]
fabregas91гавнище
-1  
2 Simpsonnn   (30-Июн-2009 16:02:23) [Материал]
ты поокуратнее со словами то , я что то вообще не вижу твоих выложенных новостей! А ещё мои обсираеш! angry angry
-2  
3 NiKsOn1991   (30-Июн-2009 16:35:46) [Материал]
по мне так норм меню и не пиз*и на майн друга smile
(вибачте за мат дорогая администрация!)
0  
4 Simpsonnn   (13-Июл-2009 16:33:43) [Материал]
не кто и не брал у твоего друга меню!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]