Home | Products | Downloads | Order Now | Contact us      

   Best Webmaster Software Tools for Website Building!

HTML Password Lock FAQ

How to customize the look of the login page with a template file?

What is a template file?
How to use the template file?
How to make a template file?

Important note: We have changed the way of how a template file working since Version 3.2, the new way is much easier then the old version. Registered user can get free upgrade to the new version.

What is a template file?

A template is a great way to customize the look of your login page. A template file is simply an HTML page with a login box form. If you are an experienced web designer and want to control the look of your login page in greater detail, you can use a template file to customize the look of the login page.

How to use the template file?

To use a template file, the template file MUST BE located on the local computer.

Suppose now you want to protect file d:\design\member.htm. And also, you want to customize the look of the login page with a pre-made template file: d:\design\template_user.htm .

Step1: Launch the software. In step 1, select file "d:\design\member.htm" to the file list.

Step2: Define username and password in step 2. Then click "Next".

Step 3: In step 4, click "Add", then select template file "d:\design\template_user.htm", and name the template.

Step 4: In the last step, click "Lock" button. Now, you can open the file "d:\design\member.htm" to test the password protection.

How to make a template file?

First you create your html file, and then copy and paste a login box form to this html file to make a template file.

1.  Copy the following HTML to create a login box.

Single Password Mode:

<form name="htform" action="javascript:htaction()"> Password:<input type="password" name="mtpwd" size="20"> <input type="submit" name="submit2" value="Login"> </form>

Note:

1. The form name must be "htform", and the action must be "javascript:htaction()".
2. The name of the <input> box must be "mtpwd".

Multi User/Password Mode:

<form name="htform" action="javascript:htaction()"> Username:<input type="text" name="mtusr" size="20"><br> Password:<input type="password" name="mtpwd" size="20"><br> <input type="submit" name="submit2" value="Login"> </form>

Note:

1. The form name must be "htform", and the action must be "javascript:htaction()".
2. The name of the username <input> box must be "mtpwd";
3. The name of the password <input> box must be "mtusr".

2. Online example template:

For a single password template file, please refer to http://www.mtopsoft.com/htmllock/template_single.htm .

For a user/password template file, please refer to http://www.mtopsoft.com/htmllock/template_user.htm .

You can click http://www.mtopsoft.com/htmllock/template.zip to download these two template files.

It's zip format archive, you can open the file with your usual archive program, WinZip for example, or directly open it in Windows XP.