Суббота, 21.04.2018, 10:30
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Категории раздела
Статьи про uCoz
  • Новая популярность автоматов Вулкан 777
  • Самые лучшее слоты в Вулкан Удачи
  • Лучшее игры только в клубе Вулкан
  • Бесплатные номера 8-800 и онлайн консультанты
  • Лучшее игры на выбор от известного клуба Вулкан
  • Современные казино в онлайне. Новые возможности в клубе Вулкан
  • Как создать простой веб-сайт
  • Как легко создать свой интернет-магазин
  • Где арендовать сервер для хостинга?
  • Плюсы покупки цветов в интернете
  • Разработка сайта
  • Что влияет на стоимость сайта?
  • Как самостоятельно создать блог без усилий
  • Как добавить карту сайта в Wordpress
  • В чем заключается SEO-продвижение сайта?
  • Продвижение ссылками – будет ли работать в 2015 году?
  • Программы обработки, сравнения и анализа прайсов
  • Комплексное продвижение сайта как основа репутационного маркетинга
  • У кого заказывать разработку сайта
  • Как создать интернет-магазин?
    • Рекламко
    Наш опрос
    Какой дизайн лучше?
    [ Результаты · Архив опросов ]
    Всего ответов: 1183

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


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

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

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

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

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

    установить такой блок
    Поиск
    Рекламко
    Расскажи Друзьям!
    Комментарии
    Новость: Мини-кабинет личного профиля сайта uCoz как на CSL.lv
    Игорь написал:
    Добрый день
    Есть ли сейчас какой-то функционал,на основе которого можно сделать подобие личного кабинета пользователя со статистикой?
    Нужен минимум, как пример:
    http://joxi.ru/82Q9JP6t1EaRg2 - главная страница
    http://joxi.ru/Q2K9kPNt9Y6WQr - форма регистрации
    http://joxi.ru/n2Y9pP3tj31n42 - меню пользователя простейшее
    Через какие инструменты можно будет создать подобное?
    Новость: Ремонт стиральных машин. Как часто возникают такие проблемы?
    написал:
    https://ru.wikipedia.org
    Новость: Видео чат для вашего сайта
    написал:
    интересно
    Новость: Ремонт стиральных машин. Как часто возникают такие проблемы?
    Ivan Andrushenko написал:
    Спасибо за статью автору! Наша группа по ремонту стиральных машин https://vk.com/rem52x всегда читает этот сайт, так как здесь всегда полезная информация. Рекомендуем wink
    Новость: Скрипт выдвижное меню для ucoz
    Евгений Вермут написал:
    Меню шириной на всю страницу evil

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

    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
    Просмотров: 13788 | Загрузок: 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-2018

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




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

    • Хостинг от uCoz