Перемещаем кнопку входа в панель навигации

Перемещаем кнопку входа в панель навигации

Hope

Premium
Сообщения
48,305
Решения
22
Реакции
71,868
Баллы
40,905
Пользователь Hope разместил новый ресурс:

Перемещаем кнопку входа в панель навигации - Перемещаем кнопку входа в панель навигации.

В шаблон EXTRA.css добавляем:
Код:
.navTabs .navTab.login
{
        float: right;
        padding: 0 10px;
}


В шаблоне 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...

Узнать больше об этом ресурсе...
 
Если у Вас на новой версии движка плохо отображается всплывающее окошко, то в шаблоне 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">

ЗЫ , не вижу спрятанный код, если там есть это дополнение, сорри.[DOUBLEPOST=1395116957,1390418002][/DOUBLEPOST]Доброе утро.
------------------------------------------------------------------------------------------

Ребят, помогите сделать, что бы для "войти" было всплывающие окошко, а для "зарегистрироваться" - перемещение на страницу регистрации.[DOUBLEPOST=1401762704][/DOUBLEPOST]
-------------------------------------------------------------------

Утро доброе, ребят помогите привести данную модификацию вот к такому ввиду - http://xenforo.info/resources/Вход-регистрация.1121/
 
Последнее редактирование модератором:
Здравствуйте. Не понял...

Добрый день, Михаил, нужно что бы в навигации было две "кнопки", войти и зарегистрироваться, войти = поп-ап, а зарегистрироваться = страница с регистрацией.
 
Я не знаю. Я запутался уже. )))
 
Создавать новую тему не буду, спрошу здесь.

Как сделать, чтобы при нажатии на кнопку Вход:
Снимок.PNG
Не всплывала окно авторизации, а переходило по другому адресу, например:
Пробовал поправить код в шаблоне login_bar_form и вроде бы получилось, но с одним косяком.

Вот собственно само содержимое шаблона:
Код:
<xen:comment>
With Javascript enabled, this form will be moved at page init time,
with the command $('#login').appendTo('#loginBar .pageContent');

Note that all external auth checks need to be added to the conditional below
in order to set $eAuth = 1 if any external auth providers are available.
</xen:comment>

<xen:hook name="login_bar_eauth_set">
<xen:if is="{$xenOptions.facebookAppId}"><xen:set var="$eAuth">1</xen:set></xen:if>
<xen:if is="{$xenOptions.twitterAppKey}"><xen:set var="$eAuth">1</xen:set></xen:if>
<xen:if is="{$xenOptions.googleClientId}"><xen:set var="$eAuth">1</xen:set></xen:if>
</xen:hook>

<form action="{xen:link 'login'}" method="post" class="xenForm {xen:if $eAuth, 'eAuth'}" id="login" style="display:none">

    <xen:if hascontent="true">
        <ul id="eAuthUnit">
            <xen:contentcheck>
                <xen:hook name="login_bar_eauth_items">
                <xen:if is="{$xenOptions.facebookAppId}">
                    <xen:require css="facebook.css" />
                    <li><a href="{xen:link register/facebook, '', 'reg=1'}" class="fbLogin" tabindex="110"><span>{xen:phrase login_with_facebook}</span></a></li>
                </xen:if>
              
                <xen:if is="{$xenOptions.twitterAppKey}">
                    <xen:require css="twitter.css" />
                    <li><a href="{xen:link register/twitter, '', 'reg=1'}" class="twitterLogin" tabindex="110"><span>{xen:phrase login_with_twitter}</span></a></li>
                </xen:if>
              
                <xen:if is="{$xenOptions.googleClientId}">
                    <xen:require css="google.css" />
                    <li><span class="googleLogin GoogleLogin JsOnly" tabindex="110" data-client-id="{$xenOptions.googleClientId}" data-redirect-url="{xen:link register/google, '', 'code=__CODE__', 'csrf={$session.sessionCsrf}'}"><span>{xen:phrase login_with_google}</span></span></li>
                </xen:if>
                </xen:hook>
            </xen:contentcheck>
        </ul>
    </xen:if>

    <div class="ctrlWrapper">
        <dl class="ctrlUnit">
            <dt><label for="LoginControl">{xen:phrase your_name_or_email_address}:</label></dt>
            <dd><input type="text" name="login" id="LoginControl" class="textCtrl" tabindex="101" /></dd>
        </dl>
  
    <xen:if is="{$xenOptions.registrationSetup.enabled}">
        <dl class="ctrlUnit">
            <dt>
                <label for="ctrl_password">{xen:phrase do_you_already_have_account}</label>
            </dt>
            <dd>
                <ul>
                    <li><label for="ctrl_not_registered"><input type="radio" name="register" value="1" id="ctrl_not_registered" tabindex="105" />
                        {xen:phrase no_create_account_now}</label></li>
                    <li><label for="ctrl_registered"><input type="radio" name="register" value="0" id="ctrl_registered" tabindex="105" checked="checked" class="Disabler" />
                        {xen:phrase yes_my_password_is}:</label></li>
                    <li id="ctrl_registered_Disabler">
                        <input type="password" name="password" class="textCtrl" id="ctrl_password" tabindex="102" />
                        <div class="lostPassword"><a href="{xen:link lost-password}" class="OverlayTrigger OverlayCloser" tabindex="106">{xen:phrase forgot_your_password}</a></div>
                    </li>
                </ul>
            </dd>
        </dl>
    <xen:else />
        <dl class="ctrlUnit">
            <dt>
                <label for="ctrl_password">{xen:phrase password}:</label>
            </dt>
            <dd>
                <input type="password" name="password" class="textCtrl" id="ctrl_password" tabindex="102" />
                <div class="lostPasswordLogin"><a href="{xen:link lost-password}" class="OverlayTrigger OverlayCloser" tabindex="106">{xen:phrase forgot_your_password}</a></div>
            </dd>
        </dl>
    </xen:if>
      
        <dl class="ctrlUnit submitUnit">
            <dt></dt>
            <dd>
                <input type="submit" class="button primary" value="{xen:phrase log_in}" tabindex="104" data-loginPhrase="{xen:phrase log_in}" data-signupPhrase="{xen:phrase sign_up}" />
                <label for="ctrl_remember" class="rememberPassword"><input type="checkbox" name="remember" value="1" id="ctrl_remember" tabindex="103" /> {xen:phrase stay_logged_in}</label>
            </dd>
        </dl>
    </div>

    <input type="hidden" name="cookie_check" value="1" />
    <input type="hidden" name="redirect" value="{$requestPaths.requestUri}" />
    <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" />

</form>

С кнопкой регистрации всё получилось, со входом же никак.
 
Это в шаблоне login_bar нужно менять вот это:
Код:
<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>


Вот на это:
Код:
<label for="SignupButton"><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>
 
Не хочет он убираться. После сохранении исправленного шаблона, обновил кэш и попробовал нажать на кнопку и перешло в нужную страницу. Но после второго обновления страницы, окно вновь стало появляется.

Проверил на стандартном стиле, всё работает прекрасно. В стиле который использую я, немного другой код и выглядит он следующим образом:
Код:
<label {xen:if {xen:property uix_loginModalBox}, '', 'for="LoginControl"'}><a href="{xen:link login}" class="concealed noOutline {xen:if {xen:property uix_loginModalBox}, 'OverlayTrigger', ''}">{xen:if $xenOptions.registrationSetup.enabled, {xen:phrase log_in_or_sign_up}, {xen:phrase log_in}}</a></label>

Попробовал вместо: LoginControl, вставить: SignupButton и тоже одноразовый код получился.

Полный код шаблона:
Код:
<xen:require css="login_bar.css" />

<div id="loginBar">
<div class="pageContent">
<span class="helper"></span>
</div>
<div class="pageWidth">

<xen:if is="!{xen:property uix_loginHandleAsNavLink}">

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

</xen:if>


</div>
</div>
 
Последнее редактирование:
А если эту строку полностью:
Код:
<label {xen:if @uix_loginModalBox, '', 'for="SignupButton"'}><a href="{xen:link login}" class="concealed noOutline {xen:if @uix_loginModalBox, 'OverlayTrigger', ''}">{xen:if $xenOptions.registrationSetup.enabled, {xen:phrase log_in_or_sign_up}, {xen:phrase log_in}}</a></label>


Заменить на эту:
Код:
<label for="SignupButton"><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>
?
 
Проблему решил. Поправив код в шаблоне: uix_loginTab, которого нет в дефолтном стиле.
 
Последнее редактирование:
А подскажите как тут перед надписью "Войти или зарегистрироваться" добавить иконку, используя FA?
 
Куда добавить-то?
 
Так если по модификации, то вот так.
Код:
<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">
<i class="fa fa-user"></i> {xen:if $xenOptions.registrationSetup.enabled, {xen:phrase log_in_or_sign_up}, {xen:phrase log_in}}</a></label></li>
        </xen:if>
login_fa.png
 
Так если по модификации, то вот так.
Код:
<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">
<i class="fa fa-user"></i> {xen:if $xenOptions.registrationSetup.enabled, {xen:phrase log_in_or_sign_up}, {xen:phrase log_in}}</a></label></li>
        </xen:if>
Посмотреть вложение 42607
Именно так и сделал. Только вот проблема возникла, с мобильного эта кнопка не кликабельна.
 
Можно посмотреть, для выявления причины, просто я уже снёс здесь.
 
в мобильной версии кнопка съезжает вниз
Безымянный.png
с пк все хорошо
Безымянный1.png
как поправить ее , чтобы она не съезжала вниз?
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу