HTML-templates
From xmm
Contents |
Creating HTML templates (Updated for version 2.8.6)
In the install directory there is a directory "HTML_templates". Inside this directory there will be one directory for every template.
For every template there is one HTML file. This file is loaded in the HTML panel. The
Info tags
To have the movie info appear, you insert strings of this type: "$infotype$" The following info-tags are supported:
General Info:
$Date$, $MovieTitle, $DirectedBy$,
$WrittenBy$, $Genre$, $Rating$,
$Seen$, $Country$, $Language$, Aka$
$Plot$, $Cast$, $Notes$, $Mpaa$,
$Certification$, $SoundMix$, $WebRuntime$,
$Awards$, $Colour$, $UrlKey$,
Additional Info:
$subtitles$, $duration$, $fileSize$,
$cDs$, $cDCases$, $resolution$,
$videoCodec$, $videoRate$, $videoBitrate$,
$audioCodec$, $audioRate$, $audioBitrate$,
$audioChannels$, $fileLocation$, $fileCount$,
$container$, $mediaType$, $AdditionalInfoString$
Cover and movie URL
To insert a cover use the following: $coverAndLink-width:100-height:150$
This will insert a cover with width of 100 pixels and height of 150 pixels. Width and height can be of any size, but an aspect ration of 1:1.5 is recommended for the covers.
If the movie contains the IMDb id, the cover will also be a link to the IMDb site.
Using only $movie-episode-Url$ will insert a link to the movie/episode IMDb site.
The HTML system supports css files, so in the HTML header you can add "<link type="text/css" href="template_name.css" rel="stylesheet">".
Styles
Creating styles is easy, by using a css file for each style.
In the HTML template, add this line in the header: <link type="text/css" href="$css-style$" rel="stylesheet">
The styles are located in a subdirectory "Styles" in the directory of the template. There must be a text file ending with "style.txt" for each style. For Simple Virtue - Blue Motion, the file Blue_Motion.style.txt looks like this:
Style Name=Blue Motion Author Name=Bro Author email=bro3@users.sourceforge.net Style CSS=Blue_Motion.css Other files=Blue_Motion.png Comments=None
Directory structure:
HTML_Templates
Simple_Virtue
template.txt
Simple_Virtue.css
Simple_Virtue.html
Styles
A_Touch_of_Blue.style.txt
A_Touch_of_Blue.css
A_Touch_of_Green.style.txt
A_Touch_of_Green.css
Blue_Motion.style.txt
Blue_Motion.css
Blue_Motion.png
Dark_Inferno.style.txt
Dark_Inferno.css
Dark_Inferno.png
Silver_Flower.style.txt
Silver_Flower.css
Silver_Flower.png
