Пятница, 17.05.2024, 13:43
Меню сайта
    Форма входа
    Категории раздела
    скрипты для ucoz сайта [3099]
    шаблоны для ucoz скачать [2660]
    Иконки групп для форума [25]
    Графика для сайта [1953]
    шаблоны psd для фотошопа [27]
    кисти для фотошопа [39]
    уроки фотошопа на русском языке [4]
    стили для фотошопа [3]
    шрифты для фотошопа cs4 [12]
    Web-master [3058]
    Поиск
    Календарь
    Архив записей
    Наш опрос
    Умеете ли вы писать скрипты для ucoz?
    Всего ответов: 73
    Мини-чат
    200
    Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика

    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Главная » 2009 » Январь » 14 » Горизонтальное выпадающее меню
    05:57
    Горизонтальное выпадающее меню

    Установка:
    1.Содержимое архива (папки img и css вместе с содержимым) залеваем в корень сайта.
    2.Этот код вставляем после <head>
    Code
    <link rel="stylesheet" type="text/css" href="/css/Meny.css" />

    Если хотите что бы было как меню то вставляйте в шаблоне
    3. Создаете глобальный блок MENY туда вписываете это:
    Code
    <span class="preload1"></span>
    <span class="preload2"></span>

    <ul id="nav">
    <li class="top"><a href="Ссылка" class="top_link"><span>Пример</span></a></li>
    <li class="top"><a href="Ссылка" id="products" class="top_link"><span class="down">Пример</span></a>
    <ul class="sub">
    <li><a href="Ссылка" class="fly">Пример</a>
    <ul>
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка">Пример</a></li>
    </ul>
    </li>
    <li class="mid"><a href="Ссылка" class="fly">Пример</a>
    <ul>
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка" class="fly">Пример</a>
    <ul>
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка">Пример</a></li>
    </ul>
    </li>
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка" class="fly">Пример</a>
    <ul>
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка">Пример</a></li>
    </ul>
    </li>
    </ul>
    </li>
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка">Пример</a></li>
    </ul>
    </li>
    <li class="top"><a href="Ссылка" id="services" class="top_link"><span class="down">Пример</span></a>
    <ul class="sub">
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка">Пример</a></li>
    </ul>
    </li>
    <li class="top"><a href="Ссылка" id="contacts" class="top_link"><span class="down">Пример</span></a>
    <ul class="sub">
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка" class="fly">Пример</a>
    <ul>
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка" class="fly">Пример</a>
    <ul>
    <li><a href="Ссылка" class="fly">Пример</a>
    <ul>
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка" class="fly">Пример</a>
    <ul>
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка">Пример</a></li>
    </ul>
    </li>
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка">Пример</a></li>
    </ul>
    </li>
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка">Пример</a></li>
    </ul>
    </li>
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка">Пример</a></li>
    </ul>
    </li>
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка">Пример</a></li>
    </ul>
    </li>
    <li class="top"><a href="Ссылка" id="shop" class="top_link"><span class="down">Пример</span></a>
    <ul class="sub">
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка">Пример</a></li>
    <li><a href="Ссылка">Пример</a></li>
    </ul>
    </li>
    <li class="top"><a href="Ссылка" id="privacy" class="top_link"><span>Пример</span></a></li>
    </ul>

    4.Ставите $GLOBAL_MENY$ после <body>
    Категория: скрипты для ucoz сайта | Просмотров: 1775 | Добавил: qpPoru | Рейтинг: 0.0/0
    Всего комментариев: 121 2 »
    12 Sery  
    0
    У меня вопрос,вот сказано название блока после <body>
    можно спросить,где этот текст находится,у меня чето проблема с этим

    11 Shybby  
    0
    ппц розмєр файла такой бальшой што на letitbit.net надо било закідать??? wacko wacko wacko wacko wacko wacko wacko

    10 nTeH4ik  
    0
    супер спс +! biggrin

    9 NoName74  
    0
    нюбы, в архиве лежит ЦСС и картинки, без них работать не буит, так что всё качать dry dry

    8 Мирослав  
    0
    Все ок.

    7 STREPSIL  
    0
    А можно ссылку на депозит!

    6 Boba_Fet  
    0
    А только зелёное меню, можно другого цвета зделать?

    5 Dreams  
    0
    a u menia belogo tveta kak zilionim zdelati

    4 Ruslan_  
    0
    А можно не качать а просто скопировать сылку а то у меня чё то лититбит глючит smile

    3 qpPoru  
    0
    Всё работает!

    1-10 11-12
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]