Вторник, 22.08.2017, 15:52
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Категории раздела
Статьи про uCoz
  • Как выбрать интересный подарок на праздник?
  • Приобретение неодимовых магнитов
  • В чем сложность международных автоперевозок?
  • Где купить бетон в Ростове?
  • Правильный выбор хостинга сайтов
  • Разработка сайтов. Хостинг и продвижение
  • «Каменное» тепло
  • Миллион возможностей в сети
  • Ряды миллионеров пополняются
  • Современная игровая индустрия в сети
  • Как самостоятельно создать блог без усилий
  • Как добавить карту сайта в Wordpress
  • В чем заключается SEO-продвижение сайта?
  • Продвижение ссылками – будет ли работать в 2015 году?
  • Программы обработки, сравнения и анализа прайсов
  • Комплексное продвижение сайта как основа репутационного маркетинга
  • У кого заказывать разработку сайта
  • Как создать интернет-магазин?
  • Эксклюзивный дизайн сайта от студии Мультплекс
  • Выбор платформы для создания и редизайна сайта
    • Рекламко
    Наш опрос
    Какой дизайн лучше?
    [ Результаты · Архив опросов ]
    Всего ответов: 1181

    установить такой вид опроса
    Статистика
    Яндекс.Метрика
    Онлайн всего: 4
    Гостей: 4
    Пользователей: 0


    Зарегистрировано 30367 (сегодня + 0 новых, вчера + 0 новых), В каталоге файлов 1127 материала(ов), Оставлено 5114 комментариев, На форуме создано тем и ответов.

    установить такую статистику

    Блок Программ
    Блок CW результаты

    Победы
    Победы(10)
    Поражения
    Поражения(5)

    Установить CW блок на свой сайт
    Скачать Броузеры
    Внимание!
    Наш сайт адаптирован под браузер Mozilla Firefox
    скрипты для uCoz
    Скачать/Download
    В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

    установить такой блок
    Поиск
    Рекламко
    Расскажи Друзьям!
    Комментарии
    Новость: Counter Strike Шаблон для сайта uCoz
    Дмитрий Чёрный написал:
    Битая ссылка
    Новость: 500 flash часов для ucoz
    Doshin Doshinovish написал:
    Ссылки битые
    Новость: Красивый еффект при наведении на картинки для uCoz
    DNZ написал:
    И че? Обычные картинки. cool
    Новость: Раскрутка сайта uCoz, повышение хостов, посетителей и просмотров
    Женя Антонов написал:
    БЛИН САЙТ ПРИКРЫЛИ
    uCoz
    403

    У вас нет прав для просмотра этой страницы

    Вернуться на главную страницу
    sad
    Новость: Как заработать в интернете? Стоит ли пробовать?
    сергей клодт написал:
    Всем привет! Не буду долго рекламировать, как это делает большинство работодателей , обещая огромные , не реальные заработки. я сам долго искал нормальный заработок. http://vktarget.ru/?ref=2478119 вктаргет . Просто плаят за то что ставишь лайки , репосты, вступаешь в группы и тд . Главное -НИКАКИХ ВЛОЖЕНИЙ

    Читать все комментарии
    Топ комментаторов

    scripts_for_ucoz
    1

    Apocalypse
    2

    Black-Yellow
    3

    Pashkovskyi
    4

    BLoOd
    5

    serzw
    6

    Tiny
    7

    Aragorn3092
    8

    Maks-0101_01
    9

    SCRIPTS-FOR-UCOZ
    10

    установить такой информер
    VKONTAKTE

    FACEBOOK
    Кто и Откуда Вы?
    Мини-чат
    Главная страница » Помощь Вебмастеру » Категория Скрипты для uCoz » Добавлено [22.03.2009, 09:01]

    Выпадающее меню для uCoz

    Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]



    Установка:
    1) Это мы ставим в CSS
    Код: 
    .menu {padding:0; margin:0; width:200px; border-top: 1px solid #ccc;}
    .menu li {background-color:#ebebeb; margin:0; padding: 6px 0; display: block; position: relative; border: 1px solid #ccc; border-width: 0px 1px 1px 1px; list-style: none;}

    * html .menu li {background-color:#ebebeb; margin:0; padding: 3px 0; display: block; position: relative; border: 1px solid #ccc; border-width: 0px 1px 1px 1px; list-style: none;}

    .menu li a {display: block; position: relative; text-decoration: none; padding-left: 6px; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color:#aaaaaa; margin:0;}

    .menu li ul {display: none; position: absolute; width:200px; left:198px; margin:0; padding:0; top: -1px; border-top: 1px solid #ccc;}
    .menu ul ul { left: 198px; }

    .menu li:hover ul ul,
    .menu li:hover ul li:hover ul ul,
    .menu li.sfHover ul ul,
    .menu li.sfHover ul li.sfHover ul ul { display: none; }

    .menu li:hover ul,
    .menu li:hover ul li:hover ul,
    .menu li:hover ul li:hover ul li:hover ul,
    .menu li.sfHover ul,
    .menu li.sfHover ul li.sfHover ul,
    .menu li.sfHover ul li.sfHover ul li.sfHover ul { display: block; }

    .menu li:hover, li.sfHover { background: #E3E3E3; }
    .menu a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;color:#999999;}

    .in {background-image: url(arrow2.gif);background-position: right;background-repeat: no-repeat;}

    2) Это ставим между <head> и </head>:
    Код: 
    <script type="text/javascript">
    sfHover = function() {
    var sfEls = document.getElementById("menu").getElementsByTagName("li");
    for (var i=0; i<sfEls.length; i++) {
    sfEls[i].onmouseover=function() {
    this.className+=" sfhover";
    }
    sfEls[i].onmouseout=function() {
    this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
    }
    }
    }
    if (window.attachEvent) window.attachEvent("onload", sfHover);
    </script>

    3) А вот это само меню:
    Код:
    <ul class="menu" id="menu">
    <li><a href='#'>Первый пункт</a></li>
    <li class="in"><a href='#'>Второй пункт</a>
    <ul>
    <li><a href='#'>Первый уровень вложения</a></li>
    <li class="in"><a href='#'>Первый уровень вложения</a>
    <ul>
    <li><a href='#'>Второй уровень вложения</a></li>
    <li><a href='#'>Второй уровень вложения</a></li>
    </ul>
    </li>
    </ul>
    </li>
    <li><a href='#'>Point</a></li>
    <li><a href='#'>Point</a></li>
    </ul>


    Цвета настраиваем под себя!
    Источник материала: studioad.ru


    При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Выпадающее меню для uCoz



    Расскажи друзьям интересные новости:


    - Установить на свой сайт блок социальных закладок
    Категория: Скрипты для uCoz | Добавил: scripts_for_ucoz
    Просмотров: 12630 | Загрузок: 0 | Комментарии: 13 | Рейтинг: 0.0/0
    Всего комментариев: 7
    7 Black-Yellow   (19.01.2014 19:10)
    Выпадающее меню и так предусмотрено в самом юкоз - просто добавьте подстраницы и всё. smile

    5 manoha   (17.12.2013 10:20)
    а где искать это /head>??? happy

    +1   Спам
    6 scripts_for_ucoz   (17.12.2013 15:14)
    в верху сайта. ищи в шаблонах.

    +2   Спам
    4 Apocalypse   (09.07.2009 20:27)
    Всё прекрасно работает!!! Код очень лёгкий. Для смены длинны, цвета и шрифта идите править в CSS. В самой первой строчке
    Code
    .menu {padding:0; margin:0; width:200px; border-top: 1px solid #ccc;}
    - длинна меню 200 px... Меняем width:200px на нужную длинну.

    Кому нужно помошь - в личку или сюда в комменты cool


    +1   Спам
    3 scripts_for_ucoz   (02.07.2009 18:41)
    в цсс там должно быть!

    2 foxriver90   (02.07.2009 13:02)
    а как изменить размер кнопок в длину ???

    1 BLoOd   (01.05.2009 21:08)
    какой то скрин бледный smile

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


    Copyright BESTNEWSLV-GROUP © 2009-2017

    Сегодня нас посетили: scripts_for_ucoz , deatherkill - установить такую статистику




    Статьи партнёров - О нас -
  • Контакты
    • -
  • Реклама на портале

    • Хостинг от uCoz