The first file that is loaded is the "index.php" in the webtrack root directory. This one looks in to your config.php file and selects you default skin if no selected skin has been done.

After this is done it loads the index.htm in the selected (or default) skin folder. If you have set WebTrack to use the "login" feature it instead loads the "login_template.htm" from the selected (or default) skin folder. When logged in, it loads the index.htm file from the selected (or default) skin folder.

Now we are inside current (or default) skin folder.

The index.htm file sets up a frame set. One topframe and one mainframe. In the top frame it loads the search.php file from current skin folder. The search.php file inside the skin folder also opens the "layout.php" file from the webtrack root, in that file is the actual "layout" of the search field, search category, the checkboxes and the text around them. The layout can be configured in the webtrack/update when creating your config.php file. The search.php file makes a "dummy" search for "nothing" and there by displays a "0" hit result using the following templates head_template.htm, body_template.htm and foot_template.htm in the mainframe.

Ok, let's go, use for example Notepad or any other text editor to do the changes. I VERY MUCH recommend you to use UltraEdit (you can find it here) or of course Dreamweaver if you have the money for it. :). UltraEdit is extremely good for all kinds of "coding". Dreamweaver is more of a "Web page maker tool". :) Remember this is a very simple layout of everything. I will only cover the absolute basics of creating a new skin. You can later on make your own "look" to everything via adding style sheets, pictures, java scripts and other cool things. To understand this and how everything works you need some understanding in how HTML works.

All supported tags that I use when creating the templates are documented here.

If you want to skip this tutorial and start editing in the files at once, you can download the complete skin profile here. The files in this archive are exactly what you get if you follow the tutorial. Just unpack the archive to your webtrack/profiles folder.

When you create your own skin profile with your own design. The following step by step instruction will help you create the necessary templates. Here are the files you need to create and what they do:

"add_template.htm" – This is the first template for the add/edit process. This one only shows the "search field".

"addedit_template.htm" – This is the actual "edit" template. It is used for editing the title.

"addlistbody_template.htm" – This is the body of the result list from the search. This one will be repeated for each title matching the search.

"addlistfoot_template.htm" – This is the foot of the search result list, this is added after the body addlistbody_template.htm.

"addlisthead_template.htm" – This is the head of the search result list, this is the added at the top of the body addlistbody_template.htm and the addlistfoot_template.htm.

"body_template.htm" – This is the default template for each title in normal view. This one will be repeated for each title when listing titles in normal view.

"cd_template.htm" – This is the CD-cover printout layout for printing CD-covers. I have made this one exactly the size to fit in a normal CD case.

"displaybody_template1.htm" –This is the default template for each data "line" in display mode. This one will be repeated for each non equal data when listing data in display mode. This is the first of 2 similar templates. One is used for listing normally and the other is used when "search text" is set to "inres". This means that you can build different links depending of how you want to do the search. This template is not necessary if you don't want to use in the "collecting" feature. The "collecting" feature collects differences in the selected search category and display them using theses templates. Take a look at the TV-Track skin for a better understanding.

"displaybody_template2.htm" – See above.

"displayfoot_template.htm" – This the default foot template used for collecting non equal data from any category in the database. It’s added last before this the displaybody_temlpate1.htm (or displaybody_template2.htm if you have specified that) is repeated for each title and before the body the displayhead_template.htm is added. This template is not necessary if you don't want to use in the "collecting" feature. The "collecting" feature collects differences in the selected search category and display them using theses templates. Take a look at the TV-Track skin for a better understanding.

"displayhead_template.htm" – This the default head template used for collecting non equal data from any category in the database. It’s added first then the displaybody_temlpate1.htm (or displaybody_template2.htm if you have specified that) is repeated for each title and last the displayfoot_template.htm is added. This template is not necessary if you don't want to use in the "collecting" feature. The "collecting" feature collects differences in the selected search category and display them using theses templates. Take a look at the TV-Track skin for a better understanding.

"dvd_template.htm" – This is the DVD-cover printout layout for printing DVD-covers. I have made this one exactly the size to fit in a normal DVD case.

"foot_template.htm" – This is the foot template for the normal view. This one is used one time when listing titles in normal view. It’s added after head_template.htm and after the repeated body_temlpate.htm.

"head_template.htm" – This is the head template for the normal view. This one is used one time when listing titles in normal view. It’s added first then the body_temlpate.htm is repeated for each title and last the foot_template.htm is added.

"index.htm" – This is the start page. I use this one to set up the frameset and load the right pages in each frame. I also set the “title” of the search engine in this document.

"info_template.htm" – This is the template that is used to display info of any kind. Ex: Logon failures.

"layoutcfg.php" - Use this file for skin specific layout changes. This file can contain any variable that is present in the config.php and it will be parsed AFTER the config.php when loading the layout of the "search page".

"listbody_template.htm" – This is the default template for each title in list view. This one will be repeated for each title when listing titles in list view.

"listfoot_template.htm" – This is the foot template for the list view. This one is used one time when listing titles in list view. It’s added after listhead_template.htm and after the repeated listbody_temlpate.htm.

"listhead_template.htm" – This is the head template for the list view. This one is used one time when listing titles in list view. It’s added first then the listbody_temlpate.htm is repeated for each title and last the listfoot_template.htm is added.

"loan_template.htm" – This template displays the loan list feature information. You get this one up the you press a loan link.

"loanmail_template.htm" – This is used when mailing loan request if the mailform is set.

"login_template.htm" – This template is used for login in.

"mainframe.htm" – First page to be displayed the loading WebTrack (the Start page).

"multimail_template.htm" – This is used when mailing multi (News) mails to users in WebTrack (if mailform is set and you are an administrator of your WebTrack system.

"printbody_template.htm" – This is the default template for each title in print layout. This one will be repeated for each title when listing titles for printing a list.

"printfoot_template.htm" – This is the foot template for the print layout. This one is used one time when listing titles in print layout. It’s added after printhead_template.htm and after the repeated printbody_temlpate.htm.

"printhead_template.htm" – This is the head template for the print layout. This one is used one time when listing titles in print layout. It’s added first then the printbody_temlpate.htm is repeated for each title and last the printfoot_template.htm is added.

"search.php" – This is the top frame, in here I add the actual fields for searching. This is done via a php script and that’s why this one has to be a .php document. Here you have to include my ”layout.php” script. Just copy that part from one of the current templates. Other then that you can do whatever you want. :)

"statsbody_template.htm" – This is the default template for each category in stats list view. This one will be repeated for each category when listing statistics.

"statsfoot_template.htm" – This is the foot template for the stats view. This one is used one time when listing categories in statistics view. It’s added after statshead_template.htm and after the repeated statsbody_temlpate.htm.

"listhead_template.htm" – This is the head template for the stats view. This one is used one time when listing categories in statistics view. It’s added first then the statsbody_temlpate.htm is repeated for each category and last the statsfoot_template.htm is added.

"useredit_template.htm" – This is the template used to add, edit and delete users.

"userreq_template.htm" – This is the template used when requesting membership in your WebTrack system.

And also stylesheet files if you want and what ever you need to add. All files are located in the "webtrack/profiles" folders for different skin profiles. All “head” templates can use all “head” tags, all “body” templates can use all the “body” tags and all “foot” templates can use all “foot” tags.

Also, copy the "lang" folder from one of my profiles, the "lang" folder contains the alltext.php files that holds all the "in code" text that can be displayed in the system. If you want to translate all text to your language, (you may now be creating a new skin in your own language) that can be done later on when you have created the actual skin. Just select your new skin and then enter the webtrack/language page to update your language file.

Create a new file called search.php, edit this file. Enter the following:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Movie search...</title>
</head>
<body>
<center>
<form action="../../search.php" method="post" name="form1" target="mainFrame">
<!-- Start of layout of search field – Include this part in your template. -->
<?php if (is_file("../../layout.php")) {include '../../layout.php';} else {echo "Could not find layout.php file.";}?>
<!-- End of layout of search field. -->
<br><a href="../../search.php?select=name&amp;text=latest&amp;checkbox=0&amp;cover=list" target="mainFrame">Latest added</a>
- <a href="../../managetitles.php" target="_blank">Add/Edit titles</a>
- <a href="../../manageusers.php" target="_blank">Add/Edit users</a>
- <a href="../../profiles.php?select=light">Select skin</a>
</form>
</center>
</body>
</html>

And save...
Note: The link for selecting skins. You have to enter your skin profiles folder name here. Look at line 10. Enter your profile name (the folder name) in this case "light" What you type here is vital for WebTrack to be able to find your skin.
We have now created the "search criteria page". This will be shown in the topframe. In this example it's a VERY simple and plain view. No styles sheets and other changes are made, here you can add links and stuff later. Just look at some of my other skins to get the idea. :)

Create a new file called body_template.htm and edit it, I have created a simple table with information for you. You can of course edit and change whatever you want in it.
Enter following:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="110" rowspan="7" align="center"><strong>MTID:</strong> {EXPORT_MOVIEEDITID}<br><br>
<img src="{EXPORT_IMAGE}" alt=""></td>
<td colspan="4"><strong>Title:</strong>{EXPORT_MOVIENAME}</td>
</tr>
<tr>
<td><strong>Director:</strong> {EXPORT_DIRECTOR}</td>
<td><strong>IMDBURating:</strong> {EXPORT_IMDBRATING}</td>
<td><strong>Language:</strong> {EXPORT_LANGUAGE}</td>
<td><strong>ID#:</strong> {EXPORT_MOVIENUMBER}</td>
</tr>
<tr>
<td><strong>Medium:</strong> {EXPORT_MEDIUM}</td>
<td><strong>Status:</strong> {EXPORT_STATUS}</td>
<td><strong>Added:</strong> {EXPORT_ENTRYDATE}</td>
<td><strong>Location:</strong> {EXPORT_LOCATION}</td>
</tr>
<tr>
<td colspan="4"><strong>Tagline:</strong> {EXPORT_TAGLINE}</td>
</tr>
<tr>
<td colspan="4"><strong>Actors:</strong> {EXPORT_ACTORS}</td>
</tr>
<tr>
<td colspan="4"><strong>Plot:</strong> {EXPORT_SUMMARY}</td>
</tr>
<tr>
<td><strong>Comments:</strong> {EXPORT_COMMENTS}</td>
<td colspan="2">Add/remove {EXPORT_ADDTOLOANLIST} to/from loan list</td>
<td>Print {EXPORT_DVDCOVERLINK} or {EXPORT_CDCOVERLINK}</td>
</tr>
</table>
<br>
<hr>

Save the file.
We have now created the repeating template. This one will be repeated for each title that matches your search. This way a "list" of titles in normal view is created

Create a new file called statsfoot_template.htm, edit it and enter the following:

<center>
<br>
{EXPORT_BACKLINK}<br>Total time: {EXPORT_TOTALTIME} seconds<br>PHP-Searchengine: {EXPORT_SEARCHVERSION}<br>Configfile: {EXPORT_CONFIGVERSION}<br>Loader: {EXPORT_LOADERVERSION}
</center>
</body>
</html>

Save the file.
This is the "end" of the stats view result list. This is the last template added to the stats view result list.

Now, create a new folder in your skin profile folder called "style". Then copy the following files from one of my other skin style folders in to your newly created style folder:

cd-normal.css - Style sheet for the CD-print layout.
dvd-normal.css - Style sheet for the DVD-print layout.

These files are used to set sizes and fonts in the CD and DVD cover templates. Create a new folder in again in your skin profile folder called "pics". Then go to any other style profile pics folder and copy the following files in to your newly created pics folder:

divx.gif - The DivX logo.
divx-small.gif - The DivX logo smaller, used in the CD-cover layout.
dtsdigitalsurround.gif - The DTS sound logo, used in the DVD-cover layout.
dvdlogo.gif - The DVD logo, used in the DVD-cover layout.
i.jpg - The little "i" (Information) picture, used in any template if you want.
noposteryet.gif - The default "cover" if none exists for the title.

You can of course replace and / or change these pictures if you want. Just make sure the sizes are the same if you don't make your own layouts. :) Last but not least copy the following files from one of my skin folders to your skin folder root:

cd_template.htm - This is an EXACT layout of a CD case.
dvd_template.htm - This is an EXACT layout of a DVD case.

You can of course edit these files to and change or add / remove whatever you want. But remember, I have measured them out to fit exactly in the CD and DVD cases and if you stretch the tables they will no longer fit. Also remember to set your margins to "0" when printing covers.

Create a new file called addlisthead_template.htm, edit it and enter the following:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>WebTrack - Add new movie</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<form name="form1" method="post" action="managetitles.php">
<strong>Searched for: &quot;{EXPORT_SEARCHWORD}&quot;</strong><br>
Select the movie you want to add/edit form the search results:<br>
<input type="submit" name="select" value="Select" class="button"><br>

Save the file.
This is the top of the search result list when adding and/or editing titles.

Create a new file called addlistbody_template.htm, edit it and enter the following:

<input type="radio" name="RadioGroup1" value="{EXPORT_IMDBURL}">
<a href="{EXPORT_IMDBURL}" target="_blank">{EXPORT_MOVIENAME}</a> {EXPORT_YEAR}<br>

Save the file.
This is the body of the search result list when adding and/or editing titles. This one is repeated one time for each title matching the search word.

Create a new file called addlistfoot_template.htm, edit it and enter the following:

<input type="radio" name="RadioGroup1" value="{EXPORT_SEARCHWORD}">
{EXPORT_SEARCHWORD} (Add the title without searching IMDB.)<br>
<a href="javascript:history.go(-1);">Click here to search again...</a><br>
<input type="submit" name="select" value="Select" class="button"><br>
</form>
</body>
</html>

Save the file.
This is the end of the search result list when adding and/or editing titles.

Create a new file called coverlisthead_template.htm, edit it and enter the following:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Search results...</title>
</head>
<body>
<center>
{EXPORT_HEAD}{EXPORT_MTDBVERSION}<br>Search took {EXPORT_SEARCHTIME} seconds and gave {EXPORT_MOVIECOUNTTOTAL} hits of total {EXPORT_FULLLIST} titles. Database last updated: {EXPORT_LAST}
<hr>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="{EXPORT_NUMOFCOLS}" align="center" nowrap><strong>Click the picture for more details...</strong><br><hr></td>
</tr>
<tr>

Save the file.
A very important thing to know with this set of templates is that in difference to the others the body template is repeated sideways not down ways. The reason for this is that it creates columns instead of rows. When the configured (in the update page) amount of columns has been reached a new row is inserted automatically. That's why this template has to end with a table <tr>.

Create a new file called coverlistbody_template.htm, edit it and enter the following:

<td align="center" nowrap class="body">
{EXPORT_MOVIENAMEMAX}<br>
<a href="search.php?select=select&amp;text={EXPORT_MOVIEID}&amp;checkbox=1&amp;cover=none"><img src="{EXPORT_IMAGE}" width="{EXPORT_IMAGECOVERWIDTH}" height="{EXPORT_IMAGECOVERHEIGHT}" border="0" alt=""></a><br>{EXPORT_ADDTOLOANLIST}<br><br>
</td>

Save the file.
And here the <table> continues creating a new column for each time the body template is repeated. Then when the defined amount of columns is reached the </tr> and a new <tr> will be added automatically until all titles are listed.

Create a new file called coverlistfoot_template.htm, edit it and enter the following:

</tr>
</table>
<hr>
{EXPORT_MULTIADD}<br><br>{EXPORT_BACKLINK}<br>Total time: {EXPORT_TOTALTIME} seconds<br>PHP-Searchengine: {EXPORT_SEARCHVERSION}<br>Configfile: {EXPORT_CONFIGVERSION}<br>Loader: {EXPORT_LOADERVERSION}
</center>
</body>
</html>

Save the file.
And then last but not least the foot template end the <table> with a </tr> and a </table>.

Create a new file called mainframe.htm, edit it and enter the following:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>WebTrack Startpage.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<center>
<strong>Welcome to WebTrack!</strong><br>
Type your search word in the searchbox above.<br>
If you need help click <a href="../../search.php?select=name&amp;text=readme&amp;checkbox=1&amp;cover=list" target="mainFrame">here!</a><br>
</center>
</body>
</html>

Save the file.
This is the first page shown under the search field page, before any search is done.

Create a new file called useredit_template.htm, edit it and enter the following:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>WebTrack - Add, Edit and Delete users for WebTrack</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_changeProp(objName,x,theProp,theValue) { //v6.0
var obj = MM_findObj(objName);
if (obj && (theProp.indexOf("style.")==-1 || obj.style)){
if (theValue == true || theValue == false)
eval("obj."+theProp+"="+theValue);
else eval("obj."+theProp+"='"+theValue+"'");
}
}
//-->
</script>
</head>
<body>
<center>
<form id="form1" name="form1" method="post" action="manageusers.php">
<table width="615" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="body" align="center">User Management<br>{EXPORT_USERLIST}</td>
</tr>
<tr>
<td class="skeleton" width="1"></td>
</tr>
<tr>
<td class="body" align="center">Edit panel<br>
<table width="100%" border="0">
<tr>
<td class="body">Username*<br> <input class="text" name="norusername" type="text" value="{EXPORT_USERNAME}"></td>
<td class="body">Password*<br> <input class="text" type="text" name="norpassword" value="{EXPORT_USERPASSWORD}"></td>
<td class="body">Access<br> <select class="select" name="noraccess" size="1">
<option {EXPORT_OPTION0}>Access 0 - Ban</option>
<option {EXPORT_OPTION1}>Access 1 - Search only</option>
<option {EXPORT_OPTION2}>Access 2 - Search and loan list</option>
<option {EXPORT_OPTION3}>Access 3 - Add, search and loan list</option>
<option {EXPORT_OPTION4}>Access 4 - Add users, titles, search and loan list</option>
</select></td>
</tr>
<tr>
<td colspan="3" nowrap class="body">E-mail*<br> <input class="text" name="noremail" type="text" size="70" value="{EXPORT_USEREMAIL}">
<input type="checkbox" name="verify" value="verify">Send veify mail to user</td>
</tr>
<tr>
<td colspan="2" nowrap="nowrap" class="body"><input class="button" type="submit" name="addupdate" value="Update / Save">
</td>
<td class="body" nowrap="nowrap" align="right">Delete user
<input type="checkbox" name="delete" value="delete"></td>
<tr>
<td colspan="3" class="body">Info: {EXPORT_LASTACTION}</td>
</tr>
<tr>
<td colspan="2" class="body">* = Required fields.</td>
<td align="right" nowrap class="body"><a href="./docs/Manage-users.htm" target="_blank">Help</a></td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</center>
</body>
</html>

Save the file.
This template is used when you add, edit and delete users. There are some Java scripts in this template, the java script is used to move the "user data" to the edit fields then you select a user to edit

Create a new file called userreq_template.htm, edit it and enter the following:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>WebTrack Membership Request</title>
</head>
<body>
<center>
<form id="form1" name="form1" method="post" action="manageusers.php">
<table width="200" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="body">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" align="center" nowrap="nowrap" class="body"><br><span class=mtitle>WebTrack Membership request:</span><br><br></td>
</tr>
<tr>
<td align="center" valign="top" nowrap="nowrap" class="body">{EXPORT_NICKINFO}<br>
<input class="text" type="text" size="30" name="usernick" value="{EXPORT_NICK}">
</td>
<td align="center" nowrap="nowrap" class="body">{EXPORT_PASSWORDINFO}<br>
<input class="text" type="password" size="30" name="userpassword1" value="{EXPORT_PASSWORD1}"><br>
Verify password:<br>
<input class="text" type="password" size="30" name="userpassword2" value="{EXPORT_PASSWORD2}">
</td>
</tr>
<tr>
<td colspan="2" align="center" nowrap="nowrap" class="body">{EXPORT_EMAILINFO}<br>
<input class="text" name="useremail" type="text" value="{EXPORT_EMAIL}" size="70">
</td>
</tr>
<tr>
<td colspan="2" align="center" nowrap="nowrap" class="body"><br>
<input class="button" type="submit" name="Submit" value="Send membership request"><br><br>
<input name="newuser" type="hidden" value="1">
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</center>
</body>
</html>

Save the file.
This template is used when a user requests access to your system.

Create a new file called loanmail_template.htm, edit it and enter the following:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Information...</TITLE>
</HEAD>
<BODY>
<CENTER>
<br>
Sending loan request<br>
<br>
<form name="form1" method="post" action="">
<table border="0" cellpadding="0" cellspacing="1">
<tr>
<td align="left" valign="middle">To:</td>
<td align="left" valign="middle">{EXPORT_OWNER}</td>
</tr>
<tr>
<td align="left" valign="middle">From:</td>
<td align="left" valign="middle" nowrap><input name="usermail" type="text" value="{EXPORT_USEREMAIL}" size="50"></td>
</tr>
<tr>
<td align="left" valign="middle">Subject:</td>
<td align="left" valign="middle">{EXPORT_SUBJECT}</td>
</tr>
<tr>
<td rowspan="2" align="left" valign="top" class="body">Message:</td>
<td align="left" valign="middle"><textarea name="body" cols="48" rows="5">{EXPORT_MAILBODY}</textarea></td>
</tr>
<tr>
<td align="left" valign="middle">{EXPORT_INFORMATION}</td>
</tr>
<tr>
<td colspan="2" align="center" valign="middle"><br>
<input name="Submit" type="submit" value="Send loan request"><br></td>
</tr>
</table>
</form>
</CENTER>
</BODY>
</HTML>

Save the file.
This is used when sending the loan request mail when mailform is set.

Create a new file called multimail_template.htm, edit it and enter the following:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Information...</TITLE>
</HEAD>
<BODY>
<CENTER>
WebTrack Multimailing<br>
<br>
<form action="mailform.php" method="post" name="form1">
<table border="0" cellpadding="0" cellspacing="1">
<tr>
<td align="left" valign="top">Users:</td>
<td align="left" valign="top">
<select name="mailusers[]" size="5" multiple class="text">
{EXPORT_USEREMAIL}
</select>
<input type="hidden" value="multimail" name="usermail"><br>
<input type="checkbox" name="mailall" value="1">All users</td>
<td align="left" valign="top">Select the users you want to send your mail
to.<br>
Or check the &quot;All users&quot; tag to send to all users.<br>
Enter the subject and the mail body below.<br>
The mail body can be HTML formatted text if you want.<br>
The link will list the titles you had listed when you clicked the mail link.</td>
</tr>
<tr>
<td align="left" valign="top">Subject:</td>
<td colspan="2" align="left" valign="middle">
<input name="multimailsubject" type="text" size="40" value="{EXPORT_SUBJECT}"></td>
</tr>
<tr>
<td align="left" valign="top">Mail:</td>
<td colspan="2" align="left" valign="top">
<input type="hidden" value="{EXPORT_MULTIURL}" name="multiurl">
<textarea name="multimailbody" cols="70" rows="6" wrap="off">{EXPORT_MAILBODY}</textarea></td>
</tr>
<tr>
<td rowspan="2" align="left" valign="top">From:</td>
<td colspan="2" align="left" valign="top"><input name="mailfrom" type="text" value="{EXPORT_OWNER}" size="40">
Enter the reply address here.</td>
</tr>
<tr>
<td colspan="2" align="left" valign="top">{EXPORT_INFORMATION}</td>
</tr>
<tr>
<td colspan="3" align="center" valign="top"><br>
<input name="Submit" type="submit" value="Send mail"><br></td>
</tr>
</table>
</form>
</CENTER>
</BODY>
</HTML>

Save the file.
This is when sending multi (news) mail only if mailform is set.

Create a new file called export_template.htm, edit it and enter the following:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Export data...</TITLE>
</HEAD>
<BODY>
<script language="JavaScript" type="text/javascript">
var filesArray = new Array({EXPORT_DATABASENUM});
{EXPORT_DATABASEFILES}
function updateFiles(n) {
var selections = document.form1;
var arr = filesArray[n.value];
var current = selections.files.options.length;
for (var j = current;j > 0;j--) selections.files.options[j] = null;
for (var i = 0;i < arr.length;i++) selections.files.options[selections.files.options.length] = new Option(arr[i],arr[i]);
selections.files.options[0].text="Select file here";
}
</script>
<CENTER>
WebTrack convert database tool<br><br>
Your database is in format: {EXPORT_DATABASEFORMAT}<br><br>
<form name="form1" method="post" action="export.php">
Select what format and file you want to export:<br>
<select name="type" onchange="updateFiles(this);">
<option value="" selected>Select format here</option>
{EXPORT_SELECTFORMAT}
</select><br>
<select name="files">
<option value="" SELECTED>Select format first</option>
</select><br>
<input type="submit" name="Submit" value="Export"><br><br>
Uncheck this if you dont want to download the export as a file:
<input type="checkbox" name="download" value="download" checked>
</form>
</CENTER>
</BODY>
</HTML>

Save the file.
This one is used when exporting the database.

With the tag {EXPORT_ROWSTYLE} you can set for example a "style" in 2 ways. One row in one style and the next in another style, then the next in same style as the first one and the next in the same style as the second one... This way you can colorize rows when listing in list view for example. :)

The "display" templates (displayhead_template.htm, displaybody_template and displayfoot_template.htm). With this sort you can display all non equal values in a category. Let me explain. If you want to know what genres you have in your complete collection of titles you can use this template system. I have a skin profile called TV-Track that uses this feature. This skin profile is made to be used on a TV. Check out the html code in this profile to understand how it works more exact. :)

Remember to always use slash (/) when typing paths! Not backslash (\). If you use backslash WebTrack will have trouble finding your data if you are not using Microsoft IIS.

Last but not least, all tags can be used as many times as you like in the templates. :)
Good luck! :)

Tip
A shortcut of making a new skin would be to make a copy of a skin I have made and change it to your liking. :) You can select a skin from inside the search engine when you have made a new one (or from the default ones of course). Just save the complete skin-directory in the profiles folder when you have created a new one.