Offer Templates: Difference between revisions

From BakaBT Wiki
Jump to navigation Jump to search
Line 752: Line 752:
padding: 10px;
padding: 10px;


*margin: -285px 0px 0px 540px;
*margin: -270px 0px 0px 540px; /* no need to adjust the height unless needed */


}
}
Line 763: Line 763:
.div5 {
.div5 {
margin: -10px 0px -10px -25px;
margin: -10px 0px -10px -25px;
*margin: -20px 0px -20px -25px;


}
}
Line 781: Line 783:
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */
background:url('http://img15.imageshack.us/img15/9931/dangobg1.png'); /* want some fresh background? change it here */
font-family: "Trebuchet MS", sans-serif;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px
font-size: 11px;
text-align: left;
text-align: left;
color: #854C9E; /* main font color */
color: #854C9E; /* main font color */
Line 873: Line 875:
.hr1 {
.hr1 {
margin: 0px;
margin: 0px;
*text-align: center;


}
}

Revision as of 18:09, 20 July 2009

Offer Templates (UNDER CONSTRUCTION)
Templates for Uploaders. Feel free to add! ^^

This is a temporary place for users to submit and use torrent templates, which hopefully will help make some lives easier. Please use the following template when submitting new templates:

[Update] The templates feature is working again. Most of these templates have been ported over to the BakaBT template page for your convenience :) As such, working templates will be removed from the Wiki; access them from the template page instead.

Submission Format

For template-makers:

  • Follow the instructions given for submitting a template.
  • Replace {curly-bracketed text} with the appropriate names/text.

Templates submitted here may be ported over to BakaBT templates (subject to kureshii's available free time).

Sample Template


Copy and paste the code below:

==={Template Name}===
----

Submitted by: {your BakaBT username}

<pre>
{Source code goes here}
</pre>

Sample template image: [{Template Image URL} Image link]

Log in to your BakaBT-Wiki account (Or register for one if you don't have one yet). Click one of the links below.

  1. Click here to add your template to Anime Templates.
  2. Click here to add your template to Manga Templates.
  3. Click here to add your template to OST Templates.

Paste your code right at the bottom, then click 'Show Preview'. If you're satisfied that nothing is broken, click 'Save Page'.

If something breaks, don't worry, we can roll back changes :) If you need help, drop us a line at #bakabt-support.

Anime Templates

Byousoku 5cm Movie Template


Click here to use

Byousoku 5cm Anime Template


Click here to use

Simple BBCode Anime Template


Click here to use

Generic Anime Template - Dark Themed


Submitted by: deysmacro

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<style type="text/css">

/***********************************************************************************************
*
* Originally Customized By deysmacro | [email protected]
* Re-Customized by YOUR NICK HERE
*
* Please leave the credit and the note intact if you plan to use this template.
* Your cooperation is highly appreciated. Thank you.
*
* d-AIT v2.0.8.1 generic - dark themed
* SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 04 | 25 | 0720 | d-ait | v201
* Last Built Update on 11 May 2009 3:28pm
*
************************************************************************************************
*
* Please take note of this before you want to start editing:-
*
***********
* 
* All image which link is still working and you would like to use, you just need to
* download it and upload it to your own image hosting and replace the image link
* with you own image link. Do not use the pre-included image link as it will eventually
* goes bandwidth exceeded.
*
* All of the information have been properly aligned and thus you just need to edit
* certain part of the information only. Most of the information and link are pretty much
* self-explained. 
*
* Do study how the structure works and you will be fine. Some basic knowledge in
* HTML and CSS workings would be an advantage here.
*
**********
*
* Take your time and happy customizing.
* Thank you for using this template.
*
**********
*
* Thank you for your time and have a nice day.
*
************************************************************************************************/
/* general body area customization */



body {
	background: #131313;
        background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);
	font-family: Tahoma;
	font-size: 12px
	text-align: justify;

}



/***********************************************************************/
/* http link customization */



a {
	color: #FFFFFF;
       TEXT-DECORATION: none;

}


a:hover {
	color: #FF661A;


}



/***********************************************************************/
/* paragraph area */



p {
	text-align: justify;
        background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);
        padding:20px 20px 20px 20px; 
        border-bottom: #999999 1px solid;
        border-top: #999999 1px solid;
        border-right: #999999 1px solid;
        border-left: #999999 1px solid;
/*        margin-top: 25px; */

}



/***********************************************************************/
/* table columns area */



td {
	vertical-align: left middle;

}



/***********************************************************************/
/* title style customization */



.title {
	font-family: Tahoma;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
        padding:10px 10px 10px 10px;
	background-color: #2E2E2E;
        color: #FFB856;
        background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);
        border-bottom: #999999 1px solid;
        border-top: #999999 1px solid;
        border-right: #999999 1px solid;
        border-left: #999999 1px solid;

}



.title2 {
	font-family: Tahoma;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
        padding:10px 10px 10px 10px;
	background-color: #2E2E2E;
        color: #FFB856;
        border-bottom: #999999 1px solid;
        border-top: #999999 1px solid;
        border-right: #999999 1px solid;
        border-left: #999999 1px solid;
        background-image:url(http://img179.imageshack.us/img179/4977/bgrepeater2hn2.gif);


}



/***********************************************************************/
/* subtitle style customization */



.subtitle {
	font-size: 16px;
}



/***********************************************************************/
/* heading style customization */



.heading {
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
        color: #FF661A;
        background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png); 
	padding: 8px 0px 8px 0px;


}



/***********************************************************************/
/* left column area text style customization */



.label {
/*	min-width: 80px; */
	font-weight: bold;
/*        padding:0px 10px 15px 10px; */
        color: #FFFFFF;
        width: 18%;
        background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
        border-bottom: #999999 1px solid;
        border-top: #999999 1px solid;
        border-right: #999999 1px solid;
        border-left: #999999 1px solid;
	text-align: left middle;



}



/***********************************************************************/
/* variety text style customization including right column text area */



.text {
	width: 100%;
        color: #FFB856;
        background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
        border-bottom: #999999 1px solid;
        border-top: #999999 1px solid;
        border-right: #999999 1px solid;
        border-left: #999999 1px solid;

}



.text2 {
        color: #FFFFFF;

}



.text3 {
	width: 100%;
        color: #9D9D9D;
        background-image:url(http://img358.imageshack.us/img358/4214/back2il5.png);
        border-bottom: #999999 1px solid;
        border-top: #999999 1px solid;
        border-right: #999999 1px solid;
        border-left: #999999 1px solid;

}



.text4 {
        color: green;
	font-weight: bold;

}



.text5 {
        color: red;
	font-weight: bold;

}



.text6 {
        color: #FFF0CC;
}



.text7 {
        color: #00D4FF;
	font-weight: bold;

}



.text8 {
        color: #000066;
	font-weight: bold;

}



.text9 {

        color: #FFB856;
	font-weight: bold;


}




/***********************************************************************/
/* style customization area end */

</style>
</head>
<body>

<table style="background-color: transparent;" cellpadding="6" cellspacing="6" height="100%">
<tr><td colspan="3"><div><hr><br></div><div class="title">

<!-- main title here -->
Kaidoumaru | Kai Doh Maru [DVD][XviD][MP3]

</div><div><br><hr></div>
</td></tr>

<!-- if you add or remove row, below number must be adjusted accordingly, else the table would look weird -->
<tr><td rowspan="21" >

<!-- main pic here, recommended max width around 320px -->
<img class="title2" src="http://img223.imageshack.us/img223/1570/108601.jpg">

</td></tr>

<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SERIES INFORMATION</div></td></tr>

<!-- anime information here -->
<tr><td class="label">Main Title:</td><td class="text">Kaidoumaru</td></tr>
<tr><td class="label">Official Title:</td><td class="text">Kai Doh Maru</td></tr>
<tr><td class="label">Japanese Title:</td><td class="text">???</td></tr>
<tr><td class="label">Year:</td><td class="text">2001</td></tr>
<tr><td class="label">Episodes:</td><td class="text"><span class="text7">1</span> [ <span class="text4">Complete</span> ]</td></tr>
<tr><td class="label">Categories:</td><td class="text">Action, Fantasy, Historical, Magic, Seinen</td></tr>
<tr><td class="label">Director:</td><td class="text">Kanji Wakabayashi</td></tr>
<tr><td class="label">Production:</td><td class="text">Production I.G</td></tr>

<!-- your references or external link here -->
<tr><td class="label">References:</td><td class="text"><a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=500" target="_blank">AniDB</a> | <a href="http://www.animenfo.com/animetitle,888,lcvouh,kaidoumaru.html" target="_blank">AnimeNFO</a> | <a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=306" target="_blank">ANN</a> | <a href="http://www.sonymusic.co.jp/Animation/kaidohmaru/" target="_blank">Official Page</a></td></tr>

<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">FILE INFORMATION</div></td></tr>
<tr><td class="label">FanSubbing Group:</td>

<!-- change "text3" to "text" if there is fansubbing group -->
<td class="text3">No Information
</td></tr>

<!-- your file information here -->
<tr><td class="label">Video:</td><td class="text">Xvid 720x400 29.97fps</td></tr>
<tr><td class="label">Audio:</td><td class="text"><span class="text7">Japanese</span> [ <span class="text6">MPEG Audio Layer 3 48000Hz stereo 130Kbps</span> ]</td></tr>
<tr><td class="label">Subtitles:</td><td class="text"><span class="text7">English</span> [ <span class="text6">Hard-Subbed</span> ]</td></tr>
<tr><td class="label">Duration:</td><td class="text">~ 46 minutes per episode</td></tr>

<!-- any found relations in BakaBT here -->
<tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BakaBT DataBase<br>
<br>>  <a href="http://www.BakaBT.com/torrent/141617/Kai_Doh_Maru._DVDrip.html"  target="_blank">Kai Doh Maru.[DVDrip]</a>
<br>>  <a href="http://www.BakaBT.com/torrent/129335/Kaidoumaru_-_OVA_a4e.html"  target="_blank">Kaidoumaru - OVA [a4e]</a></td></tr>
<tr><td class="label">Related OST:</td><td class="text3">Found [ <span class="text5">none</span> ] in BakaBT DataBase</td></tr>

<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">***</div></td></tr>
</td></tr>
<tr><td class="label">Uploader's Note:</td><td class="text">

<!-- some of your note for public here -->
New anime description & information area for this torrent... hope you people likes it...  v(^^)

</td></tr>
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SYNOPSIS</div>

<p>
<span class="text9">

<!-- the synopsis, off-synopsis, other information, etc goes here -->
This story takes place during the Heian Period of Japan's history, when evil spirits still resided in the forests, mountains and rivers. A girl, accompanied by her loved one, battles against these evil spirits, while she is disguised as man. This brave woman, aka "Kaidomaru", with a Chinese character "Flame" tatooed on her upper arm, was one of the "Four Devas". Kaidomaru fights for the honor of her lost love, Raikou Minamotono, who had sacrified his life in order to protect the capital Kyoto, from the evils deeds of a "princess" cursed by a malicious ogre. The princess, whom Kaidomaru used to play with as a child, has now become her ultimate enemy.

</span>
</p>

</td></tr>
<tr><td colspan="3" style="padding-top: 20px;"><div class="heading">SCREENSHOTS</div></td></tr>
</table>
</body>
</html>

<!-- of course the screenshots goes here. use direct link. recommended at least 5 boxes. use png format only -->
<!-- additional boxes of screenshots could be add without any problem -->
[screenshot]
 [img]
http://img91.imageshack.us/img91/8154/snapshot20090503140650j.png
[/img]
 [img]
http://img397.imageshack.us/img397/945/snapshot20090503140744.png
[/img]
 [img]
http://img212.imageshack.us/img212/3776/snapshot20090503140822.png
[/img]
 [img]
http://img240.imageshack.us/img240/889/snapshot20090503140849.png
[/img]
 [img]
http://img142.imageshack.us/img142/8716/snapshot20090503141314.png
[/img]
[/screenshot]

Sample template image: Click here for full preview

Pure CSS Driven Anime Template - Alternative


Submitted by: deysmacro

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>

<style type="text/css">
/* --------------------------------------------------------------------------------------------------------------------------------------------| some note |-----
*
*	Please take note. The indentation should look correctly using Firefox. 
*
*	Although I have taken all possible steps that it should look correct, using IE will somehow still make it look a little bit weird.
*	When that happen, please use Firefox.
*
*	Thank you for your understanding.
*
* --------------------------------------------------------------------------------------------------------------------------------------------| general info |-----
*
*	Main user link		:	http://www.bakabt.com/user/816453/deysmacro.html
*	Forum user link	:	http://forums.bakabt.com/index.php?action=profile;u=816453
*
*	I welcome all of you people to use this template at your convenience.
*	Do contact me via PM or email if you had anything to say.
*
*	Email	:	deysmacro[at]gmail[dot]com
*
*	I also can help you guys with the template.
*	I will help whenever I can.
*
*	Thanks To		:	kureshii, Jarudin, xchiamiov
*	Thanks Also To	:	DaggerLite, enginarc, mrdkreka, blubart
*
*	Originally Customized By	:	deysmacro
*	Re-Customized By			:	YOUR NICK HERE
*
*	Template Version			:	3.3.3.1 pure css driven - alternative
*	Template Last Update On	:	July 20th, 2009 @ 23:28pm GMT+8
*
*	Please leave the credit intact if you plan to use this template.
*	Your cooperation is highly appreciated. Thank you.
*
* --------------------------------------------------------------------------------------------------------------------------------------------------------| SN |-----
*	SN: 2006 | 8733 | 53 | 8208 | 1602 | 5985 | 2009 | 07 | 19 | 0720 | d-ait | v3331 | 13
* ---------------------------------------------------------------------------------------------------------------------------------| Info you should know |-----
*
*	Quick Reminder:
*	If you found any syntax with * siding with the syntax, it is targeted for IE only.
*
*
*	Example:
*	Assume "width" is the syntax...
*
*	body {		
*		width: 100px;		<-- major browser support
*
*		*width: 110px;	<-- targeted for IE only
*	}
*
*
*	This is done as to make it IE compatible. It is not required if IE displays the generated page correctly.
*	Please take note of this when you are editing.
*
* ---------------------------------------------------------------------------------------------------------------------------------------------------| end |----- */
/
*	Nothing much to change or edit about the template appearance since it is 99% ready out of the box.
*	I will put some edit guides at the critical point only. The rest doesn't need to be edited unless you know what are you doing or you just want to play with the settings.
*
*	Hopefully you guys enjoy using this template. Good day people.
*/
/* ------------------------------------------------------------------------------------------------------------| quick file summary control center |----- */
/* --| whole table positioning control |-- */

.button {
	margin: 0px;

}

/* --| end |---------------------------- */
/* --| whole table body control |-- */

table.file_info {
	border-spacing: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	width: auto;

	*border-collapse: collapse;

}

/* --| end |----------------------- */
/* --| tootip hover control |-- */

td.info_label:hover {
	z-index: 9;
	cursor: help;

}

/* --| end |------------------------- */
/* --| tootip misc control |------ */

td.info_label span {
	display: none; 

}

/* --| end |------------------------ */
/* --| tootip styling control |-- */

td.info_label:hover span {
	position: absolute;
	bottom: 24px;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	line-height: 16px;
	background-color: #FFFFCC;
	background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); 
	background-position: 3px 50%; 
	background-repeat: no-repeat; 
	color: #777777;
	height: 16px;
	width: auto;
	border: 1px solid #999999;
	margin: 0px;
	padding: 5px;
	display: block;

	*width: 350px;		/* no need to adjust the tooltip width unless needed */
	*bottom: 16px;
	*left: -80px;
	*text-align: left;

}

/* --| end |---------------------------------------- */
/* --| individual left side content control |-- */

td.info_label {
	width: 20px;
	font-family: "Lucida Console", sans-serif;
	font-size: 7.7px;
	text-align: center;
	color: #D0D0F0;
	background-color: #854C9E;
	border: #854C9E 2px solid;
	position: relative;

	*font-size: 9px;

}

/* --| end |------------------------------------------------- */
/* --| individual right side - left content control |-- */

td.info_a {
	background-color: #EEEEFF;
	border: #854C9E 2px solid;
	border-right: 0px; 
	color: #854C9E;
	font-family: "Lucida Console", sans-serif;
	font-size: 7.7px;
	text-align: left;
	width: 50px;
	padding: 0px 0px 0px 3px;
	font-size: 7.7px;

	*font-size: 9px;

}

/* --| end |--------------------------------------------------- */
/* --| individual right side - right content control |-- */

td.info_b {
	background-color: #EEEEFF;
	border: #854C9E 2px solid;
	border-left: 0px; 
	color: #854C9E;
	font-family: "Lucida Console", sans-serif;
	font-size: 7.7px;
	text-align: right;
	width: 60px;
	padding: 0px 3px 0px 0px;
	font-size: 7.7px;

	*font-size: 9px;

}

/* --| end |----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ---------------------------------------------------------------------------------------------------------------------------------| message bar styling control |---- */

.note1 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	line-height: 16px;
	background-color: #FFFFCC;
	background-image:url('http://img194.imageshack.us/img194/1986/helpm.png'); 
	background-position: 3px 50%; 
	background-repeat: no-repeat; 
	color: #777777;
	height: 16px;
	width: auto;
	border: 1px solid #999999;
	margin: 0px;
	padding: 5px;
	display: block;

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ----------------------------------------------------------------------------------------------------------------------------------------------| container control |---- */
/* --| top half container control |-- */

.divtop {
	margin: 0px;
	padding: 0px;
	height: 410px;		/* no need to adjust the height unless needed */

}

/* --| end |----------------------------- */
/* --| top left container control |-- */

.divtl {
	margin: 0px 0px 0px 10px;
	padding: 10px;
	width: 520px; 

}

/* --| end |------------------------------- */
/* --| top right container control |-- */

.divtr {
	margin: -415px 0px 0px 540px;
	padding: 10px;

	*margin: -410px 0px 0px 540px;

}

/* --| end |---------------------------------- */
/* --| bottom half container control |-- */

.divbottom {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	height: 300px;		/* no need to adjust the height unless needed */

	*margin: 0px;
	*height: 315px;		/* no need to adjust the height unless needed */

}

/* --| end |---------------------------------- */
/* --| bottom left container control |-- */

.divbl {
	margin: 0px 0px 0px 10px; 
	padding: 10px;
	width: 520px;

}

/* --| end |------------------------------------ */
/* --| bottom right container control |-- */

.divbr {
	margin: -280px 0px 0px 540px;
	padding: 10px;

	*margin: -270px 0px 0px 540px;		/* no need to adjust the height unless needed */

}

/* --| end |------------------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* ---------------------------------------------------------------------------------------------------------------------------------------------| list styling control |---- */

.div5 {
	margin: -10px 0px -10px -25px;

	*margin: -20px 0px -20px -25px;

}

li {
	text-align: justify;
	color: #854C9E;

}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */

/* -------------------------------------------------------------------------------------------------------------------------------| whole content styling control |---- */
/* --| body control |-- */

body {
	background: #131313;
	background:url('http://img15.imageshack.us/img15/9931/dangobg1.png');		/* want some fresh background? change it here */
	font-family: "Trebuchet MS", sans-serif;
	font-size: 11px;
	text-align: left;
	color: #854C9E;		/* main font color */
	height:auto;

}

/* --| end |-------------------- */
/* --| paragraph control |-- */

p {
	text-align: justify;
	color: #854C9E;
	font-weight: bold; 

}

/* --| end |-------------------- */
/* --| main table control |-- */

td {
	vertical-align: left middle;

}

.table1 {
	background-color: transparent;
	cellpadding: 2px;
	cellspacing: 0px;
	height: 100%;
	width: 100%;

}

.table2 {
	background-color: transparent;
	cellpadding: 0px; 
	cellspacing: 0px;
	height: 100%;
	width: 100%;

}

/* --| end |--------------------------- */
/* --| headings styling control |-- */

.inner {
	background-color:#EEEEFF;
	padding: 10px;
	border: 1px solid #CCCFC8;
	font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman";
	font-size: 22px;
	font-weight: bold;
	color: #854C9E;

}

.outer2 {
	z-index: 1; 
	background-color: #EEDDFF; 
	margin: 10px 0px 0px 0px; 
	padding: 6px; width: 815px; 
	position: relative; 
	border: 1px solid #CCCFC8; 
	text-align: center;
	margin-left: auto;
	margin-right: auto;

}

.outer3 {
	background-color: #EEDDFF; 
	margin: 0px 0px 10px 0px;
	padding: 6px; 
	width: 815px; 
	border: 1px solid #CCCFC8; 
	text-align: center;
	margin-left: auto;
	margin-right: auto;

}

/* --| end |------------------------- */
/* --| horizontal line control |-- */

hr { 
	width: 93%;

}

.hr1 {
	margin: 0px;

	*text-align: center;

}

/* --| end |--------------------------- */
/* --| picture content control |-- */

.pics { 
	height: auto; 
	width: auto; 
	padding: 0px; 
	margin: 0px; 
	overflow: hidden;

}

.pics img { 
	height: auto; 
	width: auto; 
	padding: 10px; 
	border: 1px solid #ccc; 
	background-color: #fff; 
	top: 0px; 
	left: 0px; 

}

/* --| end |---------------------- */
/* --| label styling control |-- */

.label {
	color: #854C9E;
	width: 26%; 
	text-align: right;

}

.label:hover {
	color: blue;

}

/* --| end |--------------------- */
/* --| text styling control |-- */

.text {
	color: #854C9E;
	width: 74%; 

}

.text:hover {
	color: red;

}

/* --| end |--------------------------- */
/* --| label box styling control |-- */

.rounded1 {
	background-color:#EEDDFF; 
	padding: 10px;
	width: auto;
	height: auto;
	border: 1px solid #CCCFC8;   

}

/* --| end |--------------------------- */
/* --| text box styling control |-- */

.rounded2 {
	background-color:#EEEEFF; 
	padding: 10px;
	width: auto;
	height: auto;
	border: 1px solid #CCCFC8;   

}

/* --| end |-------------------------------- */
/* --| synopsis box styling control |-- */

.rounded3 {
	background-color:#EEEEFF; 
	padding: 5px 10px 5px 10px;
	width: auto;
	height: auto;
	border: 1px solid #CCCFC8;   

}

/* --| end |-------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------| end |---- */
</style>

</head>
<body>	

<div class="outer2">


<!-- the title heading -->

	<div class="inner">Panda Kopanda | Panda! Go Panda! [DivX][MP3]</div>

		<div class="button">
			<table class="file_info">


<!-- tooltip and quick file summary area -->

			<tr>
				<td class="info_label"><span>       This is the title source.</span><div>SRCS</div></td>
				<td class="info_a"><div> </div></td>
				<td class="info_b"><div>DVD</div></td>
			<td />
				<td class="info_label"><span>       This title has been encoded with <b>DivX 6 - 704 x 544 29.97fps</b>.</span><div>VIDS</div></td>
				<td class="info_a"><div>DIVX</div></td>
				<td class="info_b"><div>704X544</div></td>
			<td />
				<td class="info_label"><span>       This title utilized <b>MPEG Audio Layer 3 24000Hz stereo 48Kbps</b>.</span><div>AUDS</div></td>
				<td class="info_a"><div>JP</div></td>
				<td class="info_b"><div>MP3  24KHZ</div></td>
			<td />
				<td class="info_label"><span>       This title has been <b>hard-subbed</b>.</span><div>SUBS</div></td>
				<td class="info_a"><div>EN</div></td>
				<td class="info_b"><div>HARD</div></td>
			</tr>
			</table>
		</div>

</div>

<div class="hr1"><hr></div>

<div class="divtop">

	<div class="divtl">
		<fieldset>

			<legend>| Series Information |</legend>


<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content -->
<!-- edit the info accordingly -->

				<table class="table1">
					<tr>
						<td class="label"><div class="rounded1">Main Title:</div>	</td>
						<td class="text"><div class="rounded2">Panda Kopanda</div></td>
					</tr>
					<tr>
						<td class="label"><div class="rounded1">Official Title:</div></td>
						<td class="text"><div class="rounded2">Panda! Go Panda!</div></td>
					</tr>
					<tr>
						<td class="label"><div class="rounded1">Japanese Title:</div></td>
						<td class="text"><div class="rounded2">パンダコパンダ</div></td>
					</tr>
					<tr>
						<td class="label"><div class="rounded1">Year:</div></td>
						<td class="text"><div class="rounded2">1972 & 1973</div></td>
					</tr>
					<tr>
						<td class="label"><div class="rounded1">Episodes:</div></td>
						<td class="text"><div class="rounded2">2 combined into 1</div></td>
					</tr>
					<tr>
						<td class="label"><div class="rounded1">Categories:<br><br></div></td>
						<td class="text"><div class="rounded2">Adventure, Anthropomorphism, Comedy, Contemporary Fantasy, Fantasy</div></td>
					</tr>
					<tr>
						<td class="label"><div class="rounded1">Director:</div></td>
						<td class="text"><div class="rounded2">Isao Takahata</div></td>
					</tr>
					<tr>
						<td class="label"><div class="rounded1">Production:</div></td>
						<td class="text"><div class="rounded2">Shunzo Kato</div></td>
					</tr>
					<tr>
						<td class="label"><div class="rounded1">References:</div></td>
						<td class="text">
							<div class="rounded2">


<!-- edit the info accordingly -->

							<a href="http://anidb.net/perl-bin/animedb.pl?show=anime&aid=530" target="_blank">AniDB</a> | 
							<a href="http://www.animenfo.com/animetitle,2379,stbesx,panda_kopanda.html" target="_blank">AnimeNFO</a> | 
							<a href="http://www.animenewsnetwork.com/encyclopedia/anime.php?id=352" target="_blank">ANN</a> | 
							<a href="http://www.nausicaa.net/miyazaki/panda/" target="_blank">Official Page</a>
							</div>
						</td>
					</tr>
				</table>

		</fieldset>
	</div>
	
	<div class="divtr">
		<fieldset>

			<legend>| Main Picture |</legend>

				<table class="table2">
					<tr>
						<td>
							<div class="pics">


<!-- picture height should be 340px max; you may use your preferred height though -->

							<img src="http://img21.imageshack.us/img21/2401/pandakopanda1.png"  />
							</div>
						</td>
					</tr>
				</table>

		</fieldset>
	</div>

</div>

<div class="divbottom">

	<div class="divbl">
		<fieldset>

			<legend>| File Information |</legend>


<!-- add or remove <br> accordingly when you editing the info below; it is some sort of box height matching with the content -->
<!-- edit the info accordingly -->

				<table class="table1"> 
					<tr>
						<td class="label"><div class="rounded1"><b>HINT</b>:</div></td>
						<td class="text"><div class="rounded2">Hover on the quick file summary for more information.</div></td>
					</tr>
					<tr>
						<td class="label"><div class="rounded1">FanSub by:<br><br></div></td>
						<td class="text"><div class="rounded2"><div class="note1">       <i>No Information.</i></div></div></td>
					</tr>
					<tr>
						<td class="label"><div class="rounded1">Approx. Duration:</div></td>
						<td class="text"><div class="rounded2">~ 1 hour 11 minutes per episode</div></td>
					</tr>
					<tr>
						<td class="label"><div class="rounded1">Related Anime:<br></div></td>
						<td class="text">
							<div class="rounded2">
							<ul>

								<div class="div5">
									<li>


<!-- edit the info accordingly -->

										<a href="http://www.bakabt.com/torrent/10676/Panda_Kopanda_Panda_Go_Panda_DVD_DivX_MP3.html" target="_blank">
										Panda Kopanda | Panda! Go Panda! [DVD][DivX][MP3]
										</a>
									</li>
								</div>

							</ul>
							</div>
						</td>
					</tr>
					<tr>
						<td class="label"><div class="rounded1">Related OST:<br><br></div></td>


<!-- edit the info accordingly -->

						<td class="text"><div class="rounded2"><div class="note1">       <i>None available</i>.</div></div></td>
					</tr>
				</table>

		</fieldset>
	</div>

	<div class="divbr">
		<fieldset>

			<legend>| Synopsis |</legend>

				<table class="table2">
					<tr>
						<td>
							<div class="rounded3">


<!-- the <br> here is for break; not the same purpose as of above usage -->
<!-- edit the info accordingly -->

							<p>
							Panda Kopanda (Panda! Go Panda!) is a 30 minute movie made in 1972. Miyazaki created the original idea, the script, the layouts, and did key animation, and Takahata directed the film.
							<br><br>
							The story is about a little girl, Mimiko, who was left alone while her Grandma was away.
							<br><br>
							A 1973 sequel, Panda Kopanda: Amefuri Saakasu no Maki (Panda! Go Panda! & the Rainy-day Circus), continues the story and was made by the same people who made the first movie.
							<br><br>
							The literal translation of the title Panda Kopanda is "Panda, Baby Panda", but it's been released in North America as Panda Go Panda.
							</p>

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

		</fieldset>
	</div>

</div>

<div class="hr1"><hr></div>

<div class="outer3">
	<div class="inner">Screenshots</div>
</div>


</body>
</html>


<!-- change your demo pic here; use png format only; box may be added or removed accordingly -->

[screenshot]
	[img]http://img24.imageshack.us/img24/9528/snapshot20090509131128j.png[/img]
	[img]http://img17.imageshack.us/img17/7907/snapshot20090509131221.png[/img]
	[img]http://img4.imageshack.us/img4/3651/snapshot20090509131238.png[/img]
	[img]http://img14.imageshack.us/img14/2361/snapshot20090509131248.png[/img]
	[img]http://img22.imageshack.us/img22/197/snapshot20090509131326.png[/img]
[/screenshot]

Sample template image: Click here for full preview

Manga Templates

Byousoku 5cm Manga Template


Click here to use

Dille's Manga Template


Click here to use

OST Templates

OST Template 1


Click here to use

Show/hide Tracklist OST Template


Click here to use

Dropdown list OST Template


Click here to use

Simple OST Template


Click here to use

Boxed OST Template

---

Submitted by: kureshii

Note: All album images used must be the same size! Preferably ~350X350px, not too tall or wide. height and width values in "imgborder" class must be edited to fit the image. Other numbers in the CSS stylesheet may need to be tweaked for best effect.

<html>
<head>
<title>[[Torrent Title]]</title>
<style type="text/css">
body {
background-color: #ffffff;
text-align: left;
margin: auto;
}
table {
display: table;
border-spacing: 10px;
font-family: Calibri, Helvetica, sans-serif;
font-size: medium;
}
tr {display: table-row;}
td {
display: table-cell;
min-width: 430px;
padding: 10px;
border: solid 2px #000000;
vertical-align: top;
}
.album {max-width: 30em; margin: auto;}
.vocal {max-width: 50em; margin: auto;}
.header1 {
font-size: 140%;
font-weight: bold;
text-align: center;
}
.header2 {
font-size: 115%;
}
.header3 {
font-size: 66%;
font-style: italic;
font-weight: normal;
}
img {
margin: 8px;
}
.imgborder {
border: 1px solid #666666;
height: 366px;
width: 366px;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
}
.footer {position: relative;}
</style></head>
<body>
<table>
    <tr>
      <td>
      <div class="header1">[[Album 1 Description: OST/Single/OP/ED/etc]]<br>
      <div class="header2">[[Album 1 Title]]<br>
      <div class="header3">[[Artist(s) info]]</div></div></div>
      <div class="imgborder"><img src="[[Album 1 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
      <div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
      <b>Compression:</b> [[File codec/format]]<br>
      <b>Album Release Date:</b> [[Album 1 Release Date]]<br>
      <br>
      <b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 1 scans]] files).</div></div>
      </td>
      <td>
      <div class="header1">[[Album 2 Description: OST/Single/OP/ED/etc]]<br>
      <div class="header2">[[Album 2 Title]]<br>
      <div class="header3">[[Artist(s) info]]</div></div></div>
      <div class="imgborder"><img src="[[Album 2 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
      <div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
      <b>Compression:</b> [[File codec/format]]<br>
      <b>Album Release Date:</b> [[Album 2 Release Date]]<br>
      <br>
      <b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 2 scans]] files).</div></div>
      </td>
    </tr>
    <tr>
      <td>
      <div class="header1">[[Album 3 Description: OST/Single/OP/ED/etc]]<br>
      <div class="header2">[[Album 3 Title]]<br>
      <div class="header3">[[Artist(s) info]]</div></div></div>
      <div class="imgborder"><img src="[[Album 3 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
      <div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
      <b>Compression:</b> [[File codec/format]]<br>
      <b>Album Release Date:</b> [[Album 3 Release Date]]<br>
      <br>
      <b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 3 scans]] files).</div></div>
      </td>
      <td>
      <div class="header1">[[Album 4 Description: OST/Single/OP/ED/etc]]<br>
      <div class="header2">[[Album 4 Title]]<br>
      <div class="header3">[[Artist(s) info]]</div></div></div>
      <div class="imgborder"><img src="[[Album 4 Image URL (note: update image height&width in imgborder CSS class!)]]"></div>
      <div class="album"><b>Catalog No.:</b> [[Catalog No.]]<br>
      <b>Compression:</b> [[File codec/format]]<br>
      <b>Album Release Date:</b> [[Album 4 Release Date]]<br>
      <br>
      <b>Tracklist:</b><br>
1. [[Track 1]]<br>
2. [[Track 2]]<br>
3. [[Track 3]]<br>
4. [[Track 4]]<br>
<br>
<div class="footer">[[FLAC/MP3/WV (choose 1)]] files from [[Insert Ripper name here]]<br>
Booklet scans included ([[Number of album 4 scans]] files).</div></div>
      </td>
    </tr>
</table>
</div>
</body></html>

Sample torrent: Macross Frontier Music Collection

Go to: Offers Page


Javascript-based dropdown menu Template (Especially good for manga/OST collections)


Submitted by: shadowmaniac

Note: A fixed body height, based on the max height of your longest description, has to be specified else, description will be truncated.

Note: Please don't use this template if you don't/can't understand what's going on.

<html>
<head>
	<style type="text/css">
	hr
	{
		width: 80%;
	}

	body
	{
		align: center;
                height: 500px;
	}

	.tdtext
	{
		width: 30%;
		v-align: top;
	}

	.wrapper
	{
		width: 800px;
		align: center;	border-width: 2px;
		border-style: solid;
		border-color: #000;
		overflow: auto;
		text-align: center;
	}
	</style>

	<script  language="javascript">
	<!--
//############################################
//Don't change any of the code BELOW this line
//############################################
	/***********************************************
	* IFrame SSI script II- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
	* Visit DynamicDrive.com for hundreds of original DHTML scripts
	* This notice must stay intact for legal use
	***********************************************/

	//Input the IDs of the IFRAMES you wish to dynamically resize to match its content height:
	//Separate each ID with a comma. Examples: ["myframe1", "myframe2"] or ["myframe"] or [] for none:
	var iframeids=["myframe"]

	//Should script hide iframe from browsers that don't support this script (non IE5+/NS6+ browsers. Recommended):
	var iframehide="yes"

	var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]
	var FFextraHeight=parseFloat(getFFVersion)>=0.1? 16 : 0 //extra height in px to add to iframe in FireFox 1.0+ browsers

	function resizeCaller() {
	var dyniframe=new Array()
	for (i=0; i<iframeids.length; i++){
	if (document.getElementById)
	resizeIframe(iframeids[i])
	//reveal iframe for lower end browsers? (see var above):
	if ((document.all || document.getElementById) && iframehide=="no"){
	var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])
	tempobj.style.display="block"
	}
	}
	}

	function resizeIframe(frameid){
	var currentfr=document.getElementById(frameid)
	if (currentfr && !window.opera){
	currentfr.style.display="block"
	if (currentfr.contentDocument && currentfr.contentDocument.body.offsetHeight) //ns6 syntax
	currentfr.height = currentfr.contentDocument.body.offsetHeight+FFextraHeight;
	else if (currentfr.Document && currentfr.Document.body.scrollHeight) //ie5+ syntax
	currentfr.height = currentfr.Document.body.scrollHeight;
	if (currentfr.addEventListener)
	currentfr.addEventListener("load", readjustIframe, false)
	else if (currentfr.attachEvent){
	currentfr.detachEvent("onload", readjustIframe) // Bug fix line
	currentfr.attachEvent("onload", readjustIframe)
	}
	}
	}

	function readjustIframe(loadevt) {
	var crossevt=(window.event)? event : loadevt
	var iframeroot=(crossevt.currentTarget)? crossevt.currentTarget : crossevt.srcElement
	if (iframeroot)
	resizeIframe(iframeroot.id);
	}

	function loadintoIframe(iframeid, url){
	if (document.getElementById)
	document.getElementById(iframeid).src=url
	}

	if (window.addEventListener)
	window.addEventListener("load", resizeCaller, false)
	else if (window.attachEvent)
	window.attachEvent("onload", resizeCaller)
	else
	window.onload=resizeCaller
//#############################################
//Don't change any of the code BEYOND this line
//#############################################




//########################################
//Modify the code below to suit your needs
//########################################
	function Show(selected_option)
	{
		  // get our iframe
			var testFrame = document.getElementById("myframe");
			var val;

//selected_option refers to the "option" value provided in the HTML code
			switch(parseInt(selected_option))
			{
				case 1:
val = "<table align='center' border='1' width='100%'>";
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";
val += "<img src='[[img link here]]'></td></tr>";
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 1]]</h2></td></tr>";
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";
val += "</table>";
				  break;
				case 2:
val = "<table align='center' border='1' width='100%'>";
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";
val += "<img src='[[img link here]]'></td></tr>";
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 2]]</h2></td></tr>";
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";
val += "</table>";
				  break;
				case 3:
val = "<table align='center' border='1' width='100%'>";
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";
val += "<img src='[[img link here]]'></td></tr>";
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 3]]</h2></td></tr>";
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";
val += "</table>";
				  break;
				case 4:
val = "<table align='center' border='1' width='100%'>";
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";
val += "<img src='[[img link here]]'></td></tr>";
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 4]]</h2></td></tr>";
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";
val += "</table>";
				  break;
				case 5:
val = "<table align='center' border='1' width='100%'>";
val += "<tr><td rowspan='14' style='vertical-align:middle;' align='center'>";
val += "<img src='[[img link here]]'></td></tr>";
val += "<tr><td colspan='2' align='center'><h2>[[OST TITLE 5]]</h2></td></tr>";
val += "<tr><td class='text'><b>Ripper</b>: [[Ripper]]</td><td class='text'><b>Codec</b>: [[Codec(Bitrate)]]</td></tr>";
val += "<tr><td class='text'>[[Track list 1]]</td><td class='text'>[[Track list 5]]</td></tr>";
val += "<tr><td class='text'>[[Track list 2]]</td><td class='text'>[[Track list 6]]</td></tr>";
val += "<tr><td class='text'>[[Track list 3]]</td><td class='text'>[[Track list 7]]</td></tr>";
val += "<tr><td class='text'>[[Track list 4]]</td><td class='text'>[[Track list 8]]</td></tr>";
val += "</table>";
				  break;
				default:
				  val = "<h2 align='center'>Choose an album/OST from the drop menu</h2><br />";
				  break;
			}

			// now write out the new contents
			var doc = testFrame.contentDocument;
			if (doc == undefined || doc == null)
				doc = testFrame.contentWindow.document;
			doc.open();
			doc.write(val);
			doc.close();

		  document.all.myFrame.style.visibility="visible";
	}
	//-->
	</script>
</head>

<body>
	<center>
		<div class="wrapper">
			<br />
			<form  id="form1">
				<select name="dest" onchange="Show(this.options[this.selectedIndex].value)">

<!-- Modify this part here -->
					<option value="0">Choose an album/OST</option>
					<option value="1">[[OST 1]]</option>
					<option value="2">[[OST 2]]</option>
					<option value="3">[[OST 3]]</option>
					<option value="4">[[OST 4]]</option>
					<option value="5">[[OST 5]]</option>
<!-- No need for modification beyond this point -->

				</select>
			</form>
<iframe  id="myframe" frameborder="0"  vspace="0"  hspace="0"  marginwidth="0" marginheight="0" width="700"  
   scrolling="no" style="overflow:visible; width:100%; display:none"></iframe>
		</div>
    </center>
</body>
</html>

Sample template image: Sample image

Sample torrent (slightly modified template): KoiKoi7 - Song Shu Paradise & Character Mini Albums

ChalamiuS' OST Template


Submitted by: ChalamiuS

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<title>
			[[Title]]
		</title>
	<style type="text/css">
	body { margin: auto; }
	div.title { 
		border-bottom: 1px solid #bbb;
		margin: 10px auto auto auto;
		width: 80%;
	}
	.subtitle, .info {
		width: 80%;
		margin: auto;
	}
	
	.info { margin: 10px auto auto auto; }
	img { float: right; }
	.text { padding-left: 5px; }
	a { text-decoration: none; }
	a:link { color: #aaa; }
	a:visited { color: #999; }
	a:hover { color: #bbb; }
        ol { width: 50%; }
	</style>
	</head>
	<body>
	<div style="padding: 15px; border-bottom: 1px solid #bbb; background-color: #444;"></div>
	<div class="title">[[Title]]</div>
	<div class="subtitle">[[Alternative title/2:nd title if any]]</div>
	<div class="info">
	
		<img src="[[Album art url]]" alt="albumart"/>
		<div class="text">
			<p>
				<b>Release year: </b>[[Year]]<br />
				<b>Bitrate: </b>[[Bitrate]]<br />
				<b>Filetype: </b>[[Filetype]]<br />
				<b>Size: </b>[[Size]]<br />
				<b>Ripper: </b>[[Ripper]]<br />
			</p>
			<p>
				<b>Related:</b><br />
				[[Related links if any]]
			</p>
			<div style="border-bottom: 1px solid #bbb; width: 50%;">
				Filelist
			</div>
				<ol>
                                        <!-- Tracks are to be added inside <li></li> like this: <li>[Track goes here]</li>  -->
					[[tracklist]] 
				</ol>
			
		</div>
	</div>
	</body>
</html>

Sample template image: Image link

Go to: Offers Page