Перейти к содержанию

Fateswhisper

Актив
  • Постов

    206
  • Зарегистрирован

  • Посещение

  • Победитель дней

    6

Активность репутации

  1. Лайк
    Fateswhisper отреагировал в dci за запись, Зафиксированное меню в IPS4   
    Делаем зафиксированное в IPS4 при помощи jquery плагина stickUp. Нам потребуются руки и архив с нужными файлами.
     file.zip
    Для начала заливаем содержимое скачанного архива в корень форума, чтобы получилось так: форум.ru/stick_header/*файлы папки*.
    Затем переходим в АЦ > Внешний вид > Стили и шаблоны > Ваш стиль и создаем там html шаблон с такими данными:
     
    Далее в созданный шаблон добавляем это:
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="{setting="base_url"}stick_header/stickUp_modified.js"></script> <script type="text/javascript"> jQuery(function($) { $(document).ready( function() { $('#elSearchNavContainer').stickUp(); }); }); </script> <link rel="stylesheet" href="{setting="base_url"}stick_header/animate.css" /> Сохраняем шаблон и переходим в globalTemplate и  после:
    <title>{expression="output.getTitle( $title )"}</title> добавляем этот код:
    {template="stickMenu" app="core" group="global" params=""} Сохраняем. Переходим в шаблон navBar и после:
    <ul id='ipsLayout_mainNav' class='ipsPos_left'> добавляем это:
    <li data-role='navItem' class='stuck_logo' style='display: none;'> <a href='{setting="base_url"}'>IPS</a> </li> Код внутри тегов меняете на название своего форума.
    Там же находим:
    <div class='ipsClearfix' id='elSearchNavContainer' data-controller='core.front.core.navBar'> и после добавляем:
    <div class="sticker"> В конце шаблона находим:
    </div> </nav> И за этим кодом добавляем
    </div> И напоследок переходим в custom.css добавляем эти стили:
    #elSearchNavContainer { z-index: 5001; } .stuckMenu { left: 0; width: 100%; } .stuck_logo > a { font-size: 18px !important; opacity: 1 !important; } .stuck_logo > a > i.fa { font-size: 20px; } В результате получим
×
×
  • Создать...