Как реализовать меню в две строки - Дизайн 1729

голоса: 0
Здравствуйте! Нужна ваша помощь. Как сделать меню в две строки? Дизайн сайта 1729.   Спасибо!
| Автор: | Категория: Меню сайта

Ответов: 1

голоса: 0
 
Лучший ответ

Прежде всего, вам нужно в шаблоне у себя найти такой скрипт:

<script src="/.s/t/1729/main.js"></script>

далее загрузите его себе в файловый менеджер по ссылке http://blog.ucoz.ru/.s/t/1729/main.js откройте на редактирование и удалите с него код:

(function($) {
    $.fn.uNavMenu = function() {
        function init() {
            if (!$('.navItemMore', this).length) {
                $('.uMenuRoot', this).append('<li class="navItemMore"><div class="nav_menu_toggler"><span></span><span></span><span></span></div><ul class="overflow"></ul></li>');
            }
            $('.uMenuRoot li.navItemMore', this).before($('.overflow > li', this));

            var $navItemMore = $('.navItemMore', this),
                $navItems = $('.uMenuRoot > li:not(.navItemMore)', this),
                navItemWidth = $navItemMore.width(),
                windowWidth = $('[id^="uNMenuDiv"]', this).width();

            $navItems.each(function() {
                navItemWidth += $(this).width();
            });

            navItemWidth > windowWidth ? $navItemMore.show() : $navItemMore.hide();

            while (navItemWidth > windowWidth && window.innerWidth > 960) {
                navItemWidth -= $navItems.last().width();
                $navItems.last().prependTo('.overflow', this);
                $navItems.splice(-1, 1);
            }

            $('.uMenuRoot', this).css({
                overflow: 'visible'
            });
        }

        return init.apply(this);
    };
})(jQuery);

var umenu = function() {
    $('#catmenu').uNavMenu()
};

сохраните изменения. После код:

<script src="/.s/t/1729/main.js"></script>

замените на ваш:

<script src="ссылка на ваш измененный файл"></script>

после этих правок вам еще нужно найти в стилях строку номер 157 и удаляем ее:

#catmenu ul.uMenuRoot{height:70px;overflow:hidden;}

после меню будет выглядеть так http://joxi.ru/l2Z4v5diw0DLjr

| Автор:
Выбор ответа лучшим | | Автор: Роман Болдырев
...