How To Create Login Page Instead Of Modal Login

55 views October 18, 2016 Saqib Razzaq 0

Step 1:
Go to main ClipBucket directory and create a new file Login.php and paste following code into it.

<?php
  /* 
 ***************************************************************
 | Copyright (c) 2007-2009 Clip-Bucket.com. All rights reserved.	
 | @ Author : ArslanHassan											
 | @ Software : ClipBucket , © PHPBucket.com							
 ***************************************************************
*/
define("THIS_PAGE",'');
require 'includes/config.inc.php';
subtitle(lang('Login'));
//Displaying The Template
template_files('login.html');
display_it();
?>

Step 2:
Now go to Styles / yourtheme / layout; and create a new file called login.html

Step 3:
Add following code into that file:

<div style="width: 400px; margin-left: 200px">   
<form name="login-form" role="form" action="{link name='signup'}" method="post">
     <div class="form-group">
            <label for="login_username">{lang code="Username"}</label>
 	    <input type="text" class="form-control" id="login_username" 
               name="username" placeholder="Enter username">
        </div>
        <div class="form-group">
            <label for="login_password">{lang code="Password"}</label>
	    <input type="password" class="form-control" id="login_password" 
               name="password" placeholder="Enter password">
         </div>
        <div class="checkbox">
            <label>
            <input type="checkbox"> {lang code="Remember me"}
            </label>
         </div>
<a href="{link name='signup'}" class="btn btn-primary btn-success btn-sm pull-left">{lang code="Create Account"}</a>
<button type="button" class="btn btn-default" data-dismiss="modal">{lang code="Cancel"}</button>
<input type="submit" class="btn btn-primary" value="{lang code='Login'}" name="login">
</div>

Step 4:
Save it and you are done. Logout and visit yourdomain.com/login.php to see it in action.

Was this helpful?