How To Create Login Page Instead Of Modal Login

102 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.

 | Copyright (c) 2007-2009 All rights reserved.	
 | @ Author : ArslanHassan											
 | @ Software : ClipBucket , ©							
require 'includes/';
//Displaying The Template

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 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 class="checkbox">
            <input type="checkbox"> {lang code="Remember me"}
<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">

Step 4:
Save it and you are done. Logout and visit to see it in action.

Was this helpful?