Offer Templates: Difference between revisions

From BakaBT Wiki
Jump to navigation Jump to search
Line 183: Line 183:


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




Revision as of 11:52, 11 May 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 Boxtorrents 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 Boxtorrent templates (subject to kureshii's available free time).

Sample Template

Copy and paste the code below: 

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

Submitted by: {your Boxtorrents username}

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

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

Log in to your BoxWiki 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 #box-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

Advanced Generic Anime Information Template

Submitted by: deysmacro 

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

/**********************************************************************
*
* Seems people have taken liking to use this template and I think I might as well
* share it with you guys.
*
***********
*
* Advanced Generic AIT - Public Access
* BoxTorrents Templates Area - Porting Ready
*
**********************************************************************
*
* Anime Information Template (AIT) provided by BoxTorrents
*
* 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.1pa - 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 color 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 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>

<!-- your file type information here -->
<tr><td class="label">FanSubbing Group:</td>

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

<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 boxtorrents here -->
<tr><td class="label">Related Anime:</td><td class="text">Found [ <span class="text4">2</span> ] in BoxTorrents DataBase<br>
<br>>  <a href="http://www.boxtorrents.com/torrent/141617/Kai_Doh_Maru._DVDrip.html"  target="_blank">Kai Doh Maru.[DVDrip]</a>
<br>>  <a href="http://www.boxtorrents.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 BoxTorrents 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]


Full template image view: Click here

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

Retrieved from "https://wiki.bakabt.me/index.php?title=Offer_Templates&oldid=1475"