• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.5 Login page

#1
I need help to customize login page.
Can someone help me how to customize it.
I found this code but its look not working well.


Code:
<xen:title>{xen:phrase log_in}</xen:title>

<style type="text/css">
#headerMover { display: none; }
.footer { display: none; }
.breadcrumb { display: none; }
</style>

<xen:include template="helper_login_form" />
I want to put my own background image(visible only on login page) and move all from login page, i want only login box.
Any help please??
 
#2
I found good start , can someone help me please, here is a code:

HTML:
<div style="background:url(styles/flexile/flexile/vicontrol_login.png) top center repeat;padding:12px;border-radius:5px;border: 1px solid #888;">
<div style="min-width:320px;max-width:500px;margin:auto;background:#f0f0f0;padding:12px;border-radius:5px;box-shadow: 0px 3px 8px #000;">
<xen:if is="!{$visitor.user_id}">

<xen:container var="$hideLoginBar">1</xen:container>

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

<div style="text-align:center;">   
    <div style="background: url(styles/flexile/flexile/red-button.png) top left repeat-x;color:#ffffff;font-size:1.2em;font-weight:bold;padding:5px;box-shadow: 1px 2px 3px #000;">LOGIN</div>
</div>
    <dl class="ctrlUnit">
        <dt><label for="ctrl_pageLogin_login">{xen:phrase your_name_or_email_address}:</label></dt>
        <dd><input type="text" size="auto" name="login" value="{$defaultLogin}" id="ctrl_pageLogin_login" class="textCtrl" tabindex="1" /></dd>
        </dl>
        
    <dl class="ctrlUnit">
        <dt><label for="ctrl_pageLogin_password">{xen:phrase password}:</label></dt>
            <dd><input type="password" name="password" size="auto" class="textCtrl" id="ctrl_pageLogin_password" tabindex="2" /></dd>
                     </dl>
<div style="text-align:center; width: 100%;"><a href="{xen:link lost-password}" class="OverlayTrigger OverlayCloser" tabindex="6">{xen:phrase forgot_your_password}</a></div>

    <xen:if is="{$captcha}">
        <dl class="ctrlUnit">
            <dt>{xen:phrase verification}:</dt>
            <dd>{xen:raw $captcha}</dd>
        </dl>
    </xen:if>

    <dl class="ctrlUnit submitUnit">
        <dt></dt>
        <dd>
            <input type="submit" class="button primary" value="{xen:phrase log_in}" data-loginPhrase="{xen:phrase log_in}" data-signupPhrase="{xen:phrase sign_up}" tabindex="4" />
            <label class="rememberPassword"><input type="checkbox" name="remember" value="1" id="ctrl_pageLogin_remember" tabindex="3" /> {xen:phrase stay_logged_in}</label>
        </dd>
    </dl>

    <xen:if is="{$xenOptions.twitterAppKey}">
        <xen:require css="twitter.css" />
        <dl class="ctrlUnit">
            <dt></dt>
            <dd><a href="{xen:link register/twitter, '', 'reg=1'}" class="twitterLogin" tabindex="10"><span>{xen:phrase login_with_twitter}</span></a></dd>
        </dl>
    </xen:if>
    
<div style="text-align:center;">
<div style="display:inline-block;background: url(styles/flexile/flexile/red-button.png) top left repeat-x;color:#ffffff;font-size:1em;font-weight:bold;padding:5px;box-shadow: 1px 2px 3px #000;">If you are not yet a member, please </div>
<div style="display:inline-block;font-size:1.2em;font-weight:bold;padding:5px;margin-top:8px;margin-bottom:8px;"><a href="http://vi-control.net/xenforotest/register">REGISTER HERE</a>.</div>

</div>

    <input type="hidden" name="cookie_check" value="1" />
    <input type="hidden" name="_xfToken" value="{$visitor.csrf_token_page}" />
    <input type="hidden" name="redirect" value="{xen:if $redirect, $redirect, $requestPaths.requestUri}" />
    <xen:if is="{$postData}">
        <input type="hidden" name="postData" value="{xen:escape {xen:helper json, $postData}}" />
    </xen:if>

</form>

<script>
    $(function()
    {
        var $button = $('#pageLogin input.button.primary');
        $('#pageLogin input[name="register"]').click(function()
        {
            $button.val(
                $('#pageLogin input[name="register"]:checked').val() == '1'
                ? $button.data('signupphrase')
                : $button.data('loginphrase')
            );
        });
    });
</script>
</xen:if></div></div>