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

Кнопки навигации (navTabs) и JS

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

Загрузка
  1. Wishmaster

    Wishmaster Пользователь

    Регистрация:
    14.06.13
    Сообщения:
    5
    Симпатии:
    0
    Версия XF:
    1.1.3
    Доброго времени суток.

    Вопрос к тем, кто разбирается в jQuery-скриптах и структуре шаблонов XenForo.
    На сайте http://www.spigotmc.org/ очень заманчиво выглядят кнопки навигации (выпадающего меню), которые при наведении курсора не просто меняют цвет своего фона, а делают это плавно. Интересует способ создания такого меню на ксене, так как стандартное кажется несколько грубым без анимаций.

    Речь идет об этих кнопках:
    2014-04-23_19.22.03.png
     
  2. Grell

    Grell Пользователь

    Регистрация:
    10.04.14
    Сообщения:
    77
    Симпатии:
    38
    Версия XF:
    1.3.2
    Это анимации на CSS3. Вот это в экстру впишите. .1s, .2s - время анимации для каждого из css-правил.

    Код:
    #navigation .navTabs .navTab.PopupOpen,
    .navTab.selected .blockLinksList li.PopupOpen {margin-top: 3px;}
    
    .navTabs .navTab,
    .navTab.selected .blockLinksList li {
       transition: margin-top ease .1s, background ease .2s;
    }
    
     
    Mirovinger и Wishmaster нравится это.
  3. Wishmaster

    Wishmaster Пользователь

    Регистрация:
    14.06.13
    Сообщения:
    5
    Симпатии:
    0
    Версия XF:
    1.1.3
    Огромное спасибо! Не думал, что она на такое способна :)
     

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