CD2HTML Title
[Index]
What is CD2HTML | Features | Tech. Support | New program versions | Disclaimer | Registering |
Installation / Deinstallation | How CD2HTML works | Using CD2HTML | Shortcuts | Command-line functions | Tips and Tricks |
Creating HTML templates | CD2HTMLs own tags |
The Team | Version history |

Define your own HTML style

The concept
The sections
Example

The concept

CD2HTML allows the user to change the outfit of the generated html pages to their own desire. The program allows to manage many different HTML styles, so you are able to switch from one to an other with one click. If you don't want to design your own styles, simply use the presets, but if you are a power user, you have many opportunities to make your own style.
To do this, CD2HTML uses its own tags. These tags look like normal HTML tags. The only difference is that '<' is followed by a '%' and the '>' gets a '%' ahead. It's something similar to the tags Microsoft uses in its Active Server Pages (ASP). Like in ASP, there are different sections.

The sections

There are five sections of an html frame: the head, the headlines, the values, the footlines and the FOOTER. The HEAD specifies the normal html HEAD from <html> to <body> and it's used once. The FOOTER is the end of the html file with </body> and </html>. Here you can insert some further information like the 'mailto:'-tag. The headlines are used for each directory, which is marked by a red dot in the main window. In this section are the headline entries and/or tables HEADs located. The values section is used for each normal entry (file or directory with no HEAD info, greed dot in CD2HTML's list view). See the examples showing how to use the tags. Don't hesitate to e-mail me, if you like me to implement a new tag (string) not currently supported.

Example

<!---HEAD--->
<html>
<head>
<title><%dirname%></title>
<%version%>
</head>

<body>

<center>

<!---HEADLINES--->

<h1><%dirname%></h1>

<p>
<table border="0" cellpadding="5" cellspacing="0" bgcolor="#ffcc99">
<tr><td>
<table border="0" cellpadding="1" cellspacing="0" bgcolor="#ff6600">
<tr><td>
<table border="0" cellpadding="3" cellspacing="1" bgcolor="#ffffff">
<tr>
<th width="220">Filename</th>
<th width="220">ID3-Details</th>
<th width="220">mp3-Details</th>
<th width="60">Duration</th>
<th width="60">Filesize</th>
</tr>

<!---VALUES--->
<tr bgcolor="<%oddeven odd="#ffddaa" even="#f0f0f0"%>">
<td>
<%link%>
</td>
<td class="small">
<%mp3artist%> "<%mp3title%>"<br>
Album: <%mp3album%>, <%mp3year%><br>
Comment: <%mp3comment%><br>
Genre: <%mp3genre%><br>
</td>
<td class="small" width="140">
<%mp3bitrate%>bps MPEG <%mp3version%> Layer <%mp3layer%><br>
<%mp3mode%>, <%mp3samplerate%> Hz<br>
Original: <%mp3original%>, Copyright <%mp3copyright%>
</td>
<td>
<%mp3durationmin%>min
</td>
<td>
<%size%>
</td>
</tr>
<!---FOOTLINES--->

</table>
</td></tr>
</table>
</td></tr>
</table>

<!---FOOTER--->

<p>
<hr size="1">
<p>
<%author%>

</body>
</html>

Don't forget the section names (HEAD, HEADLINES, VALUES, FOOTLINES and FOOTER) in your own templates!