Ищу такое меню на css

Тема в разделе "Веб-дизайн", создана пользователем kinho, 25 май 2010.

Статус темы:
Закрыта.
Модераторы: zek24
  1. kinho

    kinho

    Регистр.:
    22 мар 2008
    Сообщения:
    268
    Симпатии:
    103
    Доброго времени суток, парни.
    Подскажите как сделать такое горизонтальное, выпадающее меню, на css или может быть кому попадалось подобное меню на jqury.

    rgs.ru
    3suisses.ru
     
  2. UDAV

    UDAV

    Регистр.:
    22 июн 2007
    Сообщения:
    776
    Симпатии:
    153
    В первом варианте как раз сделано на css + jquery.
    Само меню можно скопипастить и в дальнейшем изменить под себя посмотрем исходный код странички, там все достаточно просто сделано.
    Сначало идут слои
    <div id="main">
    <div id="header">
    <div id="navLeftShadoqw">
    <div id="navRightShadoqw">
    ...
    потом сама навигация.
    Код:
    <ul id="navigation">
    <li class="firstchild"><a id="homePageLink" class="disabled"></a></li>
    <li class="products menuItem"><span>Продукты</span><div class="bullet"></div></li>
    <li class="service menuItem"><span>Сервис</span><div class="bullet"></div></li>
    <li class="contacts menuItem"><span>Контакты</span><div class="bullet"></div></li>
    <li class="rosgosstrakh menuItem"><span>Росгосстрах</span><div class="bullet"></div></li>
    как видите, каждому пункту присваивается свой класс (contacts, service, products).
    Каждое подменю начинается с кода
    первое подменю <div class="navForms SiteItem-1 links-list">
    второе подменю <div class="navForms SiteItem-2 links-list">
    и тд... естественно с закрывающимеся тегами...

    Все это дело видимо обрабатывается скриптами и стилями. Сами скрипты и стили можно сохранить к себе на комп, достаточно сохранить html страничку с картинками и скриптами к себе. Подключаете их точно также, как в исходном коде сайта, точлько учтите что имена файлов, при сохранении, могут немного изменить, например добавятся несколько нулей, удалите их.
     
    kinho нравится это.
  3. Delk0

    Delk0

    Регистр.:
    26 мар 2010
    Сообщения:
    288
    Симпатии:
    57
    Можно по-быстрому здесь слепить менюшку
    http://www.izzymenu.com/
     
Статус темы:
Закрыта.