Перемещение вход/регистрация в navbar

Всем утро доброе !

Ребят, выложите инструкцию кому не лень.

HTML:

http://xenforo.com/community/threads/move-login-link-to-navigation-bar.55877/

 

1. В шаблоне navigation ищем:

Код:

<xen:if is="{$visitor.user_id}"><xen:include template="navigation_visitor_tab" /></xen:if>

заменяем на :

Код:

<xen:if is="{$visitor.user_id}">
                <xen:include template="navigation_visitor_tab" />
        <xen:else />
                <li class="navTab login PopupClosed"><label for="LoginControl"><a href="{xen:link login}" class="navLink OverlayTrigger">{xen:if $xenOptions.registrationSetup.enabled, {xen:phrase log_in_or_sign_up}, {xen:phrase log_in}}</a></label></li>
        </xen:if>

2. Шаблон login_bar заменяем на :

Код:

<xen:comment><xen:require css="login_bar.css" />

<div id="loginBar">
        <div class="pageWidth">
                <div class="pageContent">
                        <h3 id="loginBarHandle">
                                <label for="LoginControl"><a href="{xen:link login}" class="concealed noOutline">{xen:if $xenOptions.registrationSetup.enabled, {xen:phrase log_in_or_sign_up}, {xen:phrase log_in}}</a></label>
                        </h3>

                        <span class="helper"></span>

                        <xen:edithint template="login_bar_form" />
                </div>
        </div>
</div></xen:comment>

3. В шаблоне helper_login_form найти :

Код:

<form action="{xen:link 'login/login'}" method="post" class="xenForm" id="pageLogin">

Заменить на :

Код:

<form action="{xen:link 'login/login'}" method="post" class="xenForm formOverlay" id="pageLogin">

4. В EXTRA.css добавить :

Код:

.navTabs .navTab.login
{
        float: right;
        padding: 0 10px;
}

Получиться вот так :

 

Класс! Спасибо вам.