Перемещаем пользовательские вкладки (панель) в модератор-бар

Перемещаем пользовательские вкладки в модератор-бар

  1. Next
    Совместимость с XenForo:
    • XenForo 1.4
    • XenForo 1.5
    Иногда пользователи задаются вопросом, как можно переместить пользовательские вкладки, в модератор-бар?
    Мануал, позволит ответить на данный вопрос и заполнить этот пробел.
    Хотя для этого уже существует дополнение, но часто просят наглядный пример, для возможности самостоятельной ручной правки файлов или применения через модификацию шаблонов.

    Что же, приступим, открываем шаблон: moderator_bar.

    Находим такой код:
    Код:
    <xen:hook name="moderator_bar" />
    И заменяем:
    Код:
    <xen:if is="{$visitor.user_id}">
    <xen:include template="navigation_visitor_tab" />
    </xen:if>
    <xen:hook name="moderator_bar" />
    Открываем шаблон: navigation_visitor_tab.
    Находим такой код:
    Код:
        <xen:if is="{$tabs.account.selected}">
        <li class="navTab selected">
            <div class="tabLinks">
                <ul class="secondaryContent blockLinksList">
                <xen:hook name="navigation_tabs_account">
                    <li><a href="{xen:link account/personal-details}">{xen:phrase personal_details}</a></li>
                    <li><a href="{xen:link conversations}">{xen:phrase conversations}</a></li>
                    <xen:if is="{$xenOptions.enableNewsFeed}"><li><a href="{xen:link account/news-feed}">{xen:phrase your_news_feed}</a></li></xen:if>
                    <li><a href="{xen:link account/likes}">{xen:phrase likes_youve_received}</a></li>
                </xen:hook>
                </ul>
            </div>
        </li>
        </xen:if>
    И заменяем:
    Код:
        <xen:comment>
        <xen:if is="{$tabs.account.selected}">
        <li class="navTab selected">
            <div class="tabLinks">
                <ul class="secondaryContent blockLinksList">
                <xen:hook name="navigation_tabs_account">
                    <li><a href="{xen:link account/personal-details}">{xen:phrase personal_details}</a></li>
                    <li><a href="{xen:link conversations}">{xen:phrase conversations}</a></li>
                    <xen:if is="{$xenOptions.enableNewsFeed}"><li><a href="{xen:link account/news-feed}">{xen:phrase your_news_feed}</a></li></xen:if>
                    <li><a href="{xen:link account/likes}">{xen:phrase likes_youve_received}</a></li>
                </xen:hook>
                </ul>
            </div>
        </li>
        </xen:if>
        </xen:comment>
    Открываем шаблон: navigation.
    Находим такой код:
    Код:
    <xen:if is="{$visitor.user_id}"><xen:include template="navigation_visitor_tab" /></xen:if>
    И заменяем:
    Код:
        <xen:if is="{$tabs.account.selected}">
        <li class="navTab selected">
            <div class="tabLinks">
                <ul class="secondaryContent blockLinksList">
                <xen:hook name="navigation_tabs_account">
                    <li><a href="{xen:link account/personal-details}">{xen:phrase personal_details}</a></li>
                    <li><a href="{xen:link conversations}">{xen:phrase conversations}</a></li>
                    <xen:if is="{$xenOptions.enableNewsFeed}"><li><a href="{xen:link account/news-feed}">{xen:phrase your_news_feed}</a></li></xen:if>
                    <li><a href="{xen:link account/likes}">{xen:phrase likes_youve_received}</a></li>
                </xen:hook>
                </ul>
            </div>
        </li>
        </xen:if>
        <xen:comment>
        <xen:if is="{$visitor.user_id}"><xen:include template="navigation_visitor_tab" /></xen:if>
        </xen:comment>
    Открываем шаблон: PAGE_CONTAINER.
    Находим такой код:
    Код:
    <xen:if is="{$visitor.is_moderator} || {$visitor.is_admin}">
        <xen:include template="moderator_bar" />
    <xen:elseif is="!{$visitor.user_id} && !{$hideLoginBar}" />
        <xen:include template="login_bar" />
    </xen:if>
    И заменяем:
    Код:
    <xen:if is="{$visitor.user_id}">
        <xen:include template="moderator_bar" />
    <xen:elseif is="!{$visitor.user_id} && !{$hideLoginBar}" />
        <xen:include template="login_bar" />
    </xen:if>
    В EXTRA.css добавить такой код.
    Код:
    body #moderatorBar .adminLink {
        float:left;
    }
    
    #moderatorBar .visitorTabs {
        float: right;
    }
    #moderatorBar .visitorTabs li {
        float:left;
    }
    
    #moderatorBar .visitorTabs .navLink {
        line-height: 16px;
    }
    
    #moderatorBar .visitorTabs .navLink:hover {
    
    }
    
    #moderatorBar .visitorTabs .navLink .itemCount {
        line-height: 16px;
        background-color: #e03030;
        color: #fff;
    }
    
    #moderatorBar .visitorTabs .navLink .itemCount:hover {
    }
    
    #moderatorBar .visitorTabs .navLink .itemCount.Zero {
        display: none;
    }
    
    #moderatorBar .visitorTabs .navLink .itemCount.ResponsiveOnly {
        display: none !important;
    }
    
    <xen:if is="@enableResponsive">
        @media (max-width:@maxResponsiveMediumWidth) {
        #moderatorBar .visitorTabs .alerts, #moderatorBar .visitorTabs .inbox  {
          display: none;
        }
    
        .Responsive #moderatorBar .visitorTabs .navLink .itemCount.ResponsiveOnly {
          display: inline-block !important;
        }
        }
    </xen:if>
Поделиться этой страницей в