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: Since Version3.2, we have changed the way in which a template file works. The new way is much easier then the old version. Registered users can get a 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 contains 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. You also want to customize the look of the login page with a pre-made template file: d:\design\template_user.htm .

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

2. Define username and password in step 2. Then click on the "Next" button.

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

4. In the last step, click on the "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. Then, to make a template file, copy and paste a login box form onto it.

1.  Copy the following HTML code (viewing the page in your design software's "code view") 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 on http://www.mtopsoft.com/htmllock/template.zip to download these two template files.

The above are ZIP-format archives that you can open the file with your usual archive program (such as WinZip), or directly open it in Windows XP.