[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 preference. It allows you 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 the opportunity to make your own customised styles. 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 '>' preceeded by a '%' . IThis is similar to the tags Microsoft uses in its Active Server Pages (ASP). Like in ASP, there are different sections. ## The sections In CD2HTML, 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 is 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 the headline entries and/or tables HEADs are located. The values section is used for each normal entry (file or directory with no HEAD info, indicated by a green tick 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!