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

Быстрый поиск в шапке

Тема в разделе "Модификации шаблонов", создана пользователем adder, 26 дек 2013.

Загрузка
  1. adder

    adder Местный

    Регистрация:
    08.10.10
    Сообщения:
    1.163
    Симпатии:
    840
    Версия XF:
    1.3.4
    QuickSearch in Header

    Тема на оф. сайте:
    HTML:
    http://xenforo.com/community/resources/quicksearch-in-header.2683/
    Автор: BassMan

    Как передвинуть быстрый поиск в шапку? Легко и просто.
    Приступим...

    Добавьте данный код в шаблон EXTRA.css
    Код:
    /* START - Move/Style Quick Search Bar */
    #QuickSearch {
    top: -103px !important;
    background-color: transparent !important;
    }
    
    #QuickSearch.active {
    background: #176093; /* Old browsers */
    background: -moz-linear-gradient(top,  #176093 0%, #60abf8 39%, #ffffff 80%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#176093), color-stop(39%,#60abf8), color-stop(80%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #176093 0%,#60abf8 39%,#ffffff 80%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #176093 0%,#60abf8 39%,#ffffff 80%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #176093 0%,#60abf8 39%,#ffffff 80%); /* IE10+ */
    background: linear-gradient(to bottom,  #176093 0%,#60abf8 39%,#ffffff 80%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#176093', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    }
    .formPopup {
        background-color: transparent !important;
    }
    
    <xen:if is="@enableResponsive">
    @media (max-width:@maxResponsiveMediumWidth)
    {
        .Responsive #QuickSearch
        {
            top: -18px !important;
        }
    }
    </xen:if>
    /* END - Move/Style Quick Search Bar */
    Результат:
    qs_closed.PNG

    Когда поиск активен:
    qs_active.PNG

    Чтобы поднять поиск выше или опустить его, регулируйте данную переменную:
    Код:
    top: -103px !important;
     
    Makoc, Betelgelze и Mirovinger нравится это.
  2. adder

    adder Местный

    Регистрация:
    08.10.10
    Сообщения:
    1.163
    Симпатии:
    840
    Версия XF:
    1.3.4
    Обновил код для адаптивного дизайна!
     
    Mirovinger нравится это.
  3. Kelt

    Kelt Read only

    Регистрация:
    13.06.11
    Сообщения:
    146
    Симпатии:
    46
    Добавь пожалуйста модификацию для изменения "Оповещений" и "Входящих" на иконки, как на скрине. На форуме, вроде такой темы нету.
     
  4. torneio

    torneio Активный пользователь

    Регистрация:
    12.01.14
    Сообщения:
    5
    Симпатии:
    0
    Версия XF:
    1.2.3
    Поставил на стандартный шаблон встало идеально, но после того когда изменил ширину форума "сделал уже" соответственно поиск так же нужно сместить влево. Подскажите как это сделать?
     

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