1. Приветствуем Вас на неофициальном форуме технической поддержки XenForo на русском языке. XenForo - новый и перспективный форумный движок от бывших создателей vBulletin.

1.1.3 Быстрое открытие меню и треугольник в нем

Тема в разделе "Вопросы по стилям, изменения в CSS и шаблонах", создана пользователем BLEF, 11 сен 2012.

Загрузка
  1. BLEF

    BLEF Местный

    Регистрация:
    01.02.12
    Сообщения:
    466
    Симпатии:
    56
    Как сделать, чтобы меню "Пользователи" и "Помощь" открывались также как и "Входящие", самое главное убрать треугольник справа!
     
  2. BLEF

    BLEF Местный

    Регистрация:
    01.02.12
    Сообщения:
    466
    Симпатии:
    56
    Уточню, открываться должно сразу при наведении. Кто-нибудь знает?
     
  3. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.577
    Симпатии:
    1.614
    Версия XF:
    1.5.10
    Разработчики не думали об этом в деталях, поэтому реализовать это с удобством для пользователя достаточно сложно. Чтобы табы открывались сразу же надо прописать:
    Код:
    .navTabs .navTab.PopupClosed .SplitCtrl
    {
    margin-left: -100%;
    width: 100%;
    }
    Ну а убрать фон можно через свойство background: transparent;

    Главная проблема в том что появится задержка. Слава богу помог Pepelac , он написал вот такой небольшой js, убирающий эту самую задержку. http://xenforo.com/community/resources/remove-delay-from-navigation-popup.693/
     
    BLEF нравится это.
  4. BLEF

    BLEF Местный

    Регистрация:
    01.02.12
    Сообщения:
    466
    Симпатии:
    56
    Код:
    .navTabs .navTab.PopupClosed .SplitCtrl
    {
    margin-left: -100%;
    width: 100%;
    }
    Прописал код в Extra, вот что получилось:
    1й.png
    Файл выложите, если не трудно.
     
  5. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.577
    Симпатии:
    1.614
    Версия XF:
    1.5.10
    Так вы забыли приписать свойство для отключения изображения.
     
  6. BLEF

    BLEF Местный

    Регистрация:
    01.02.12
    Сообщения:
    466
    Симпатии:
    56
    Покажу на другом стиле:

    1) Первоначальный вид.
    1.png

    2)То что нужно, исчезла лишняя перегородка.
    2.png

    3)При наведении, та же проблема. Как решить?
    3.png
    --- добавлено : 12 сен 2012 в 11:20 ---
    Решил.
    Закомментировал эту строку:

    Код:
    .navTabs .navTab.PopupClosed:hover .SplitCtrl
    {
    /*background: transparent url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -128px {xen:calc '(@headerTabHeight - 17) / 2 + 1'}px;*/
    }
    Ещё вопрос: как сделать чтобы меню само закрывалось, когда курсор отведёшь. (сейчас пока не щёлкнешь в любом месте, не закроется).
     

Поделиться этой страницей