Offer Templates
Jump to navigation
Jump to search
|
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 for your convenience :)
Submission Template
For template-makers: Create a new subsection for each separate template, labelled with a template name of your choice. Replace text in [square brackets] with the appropriate content (keeping Wiki markup intact, of course). Use [[double square brackets]] to indicate content which should be filled in by template users.
For template-users: Replace text in [[double square brackets]] in the template with the appropriate torrent/offer information.
[Sample Template]
Submitted by: [username]
<html> <head> <title></title> </head> <body> <p>Your source code here </p> </body> </html>
Sample template image: Image link
Go to: Offers Page
Anime Templates
Byousoku 5cm Movie Template
Click here to use
Byousoku 5cm Anime Template
Click here to use
Simple BBCode Anime Template
Submitted by: kureshii
[right=300][img][[http://insert.image.link/placeholder.jpg]][/img][/right] [center][size=200%][[Torrent Title]][/size] [ [url=[[AniDB Link]]]AniDB[/url] | [url=[[ANN link]]]ANN[/url] | [url=[[AnimeNFO link]]]AnimeNFO[/url] ][/center] [b]Year of release:[/b] [[Year of release]] [b]Episodes:[/b] [[Number of episodes]] [b]Categories:[/b] [[Categories/Genres (from AniDB)]] [b]Director:[/b] [[Director Name]] [b]Production:[/b] [[Names of companies involved in production]] [b]Group:[/b] [[Fansub/Encoding Group name(s)]] [b]Video:[/b] [[Video codec/bitrate information]] [b]Audio:[/b] [[Audio codec/bitrate information]] [b]Subtitles:[/b] [[Subtitle language/styling]] [b]Comments:[/b] [[Uploader comments, if any]] [b]Related:[/b] [[Links to related torrents on Box]] [b]Summary:[/b] [[Plot Summary, from ANN or AniDB, or write your own]]
Sample template image: None
Go to: Offers Page
Manga Templates
Byousoku 5cm Manga Template
Submitted by: kureshii
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<style type="text/css">
body {
background-color: #ffffff;
font-family: Calibri, Helvetica, sans-serif;
font-size: medium;
text-align: justify;
margin: auto;
}
a {
color: #593784;
}
p {
text-align: justify;
}
td {
vertical-align: top;
}
.title {
font-family: Cambria, Times New Roman, serif;
font-size: 183%;
font-weight: bold;
text-align: center;
}
.subtitle {
font-size: 82%;
}
.heading {
font-family: Cambria, Times New Roman, serif;
font-size: 117%;
font-weight: bold;
text-align: center;
}
.label {
min-width: 80px;
font-weight: bold;
}
.text {
width: 100%;
}
</style>
</head>
<body><br><br>
<table border=0 cellspacing=0 cellpadding=4>
<tr><td colspan="3"><div class="title">[[Manga Title]]<br>
<div class="subtitle">[ <a href="[[MangaUpdates URL]]">MangaUpdates</a> | <a href="[[ANN URL]]">ANN</a> ]<br><br>
</div>
</div>
</td></tr>
<tr><td rowspan="12" style="vertical-align: middle;"><img src="http://i40.photobucket.com/albums/e218/kureshii/box%20images/placeholder.jpg"></td></tr>
<tr><td colspan="2" class="heading">MANGA INFORMATION</td></tr>
<tr><td class="label">Year:</td><td class="text">[[Year of Release]]</td></tr>
<tr><td class="label">Categories:</td><td class="text">[[Categories/Genres]]</td></tr>
<tr><td class="label">Author:</td><td class="text">[[Author]]</td></tr>
<tr><td class="label">Art:</td><td class="text">[[Artist]]</td></tr>
<tr><td class="label">Publisher:</td><td class="text">[[Publisher]]</td></tr>
<tr><td class="label">Description:</td><td class="text">[[Plot Summary/Description]]</td></tr>
<tr><td colspan="2" class="heading"><br>FILE INFORMATION</td></tr>
<tr><td class="label">Volumes:</td><td class="text">[[Number of volumes]]</td></tr>
<tr><td class="label">Group:</td><td class="text">[[Scanlator Group]]</td></tr>
<tr><td class="label">Comments:</td><td class="text">[[Comments]]</td></tr>
</table>
</body>
</html>
Sample template image: Image link
Go to: Offers Page
Dille's Manga Template
Submitted by: Dille
<html> <body><table cellspacing="0"> <tr> <th rowspan="15[[Update this number if you add or delete rows]]" valign="top" ><img src="[[Image URL]]"> </th> </tr> <tr> <th colspan="2" bgcolor="#E2E2E2"><h2>[[Manga Title]]</h2></th> </tr> <tr> <td width="120"><b>Alternative Titles:<b></td> <td>[[Alternative Titles]]</td> </tr> <tr> <td><b>Genres:</b></td> <td>[[Categories]]</td> </tr> <tr> <td><b>Year:</b></td> <td>[[Year of release]]</td> </tr> <tr> <td><b>Volumes:</b></td> <td>[[Number of volumes]]</td> </tr> <tr> <td><b>Chapters:</b></td> <td>[[Number of chapters]]</td> </tr> <tr> <td><b>Author:</b></td> <td><a href="[[Link to author's webpage]]">[[Author name]]</a></td> </tr> <tr> <td><b>Artist:</b></td> <td><a href="[[Link to artist's webpage]]">[[Artist name]]</a></td> </tr> <tr> <td><b>Rating:</b></td> <td>[[Rating info]]</td> </tr> <tr> <td><b>Group:</b></td> <td><a href="[[Link to translator/scanlator group webpage]]">[[Translator/Scanlator group name]]</a></td> </tr> <tr> <td><b>Links:</b></td> <td><a href="[[Mangaupdates URL]]"><b>Manga-Updates</b></a>, <a href="[[MyAnimeList URL]]">MyAnimeList.net</a>, <a href="[[ANN URL]">ANN</a>, <a href="[[Wiki URL]]">Wikipedia</a></td> </tr> <tr> <td><b>Related in Box:</b></td> <td><a href="[[Link to related titles]]">[[Name of related torrent]]</a></td> </tr> <tr> <th colspan="2" bgcolor="#E2E2E2"> <h3>Description</h3> </th> </tr> <tr> <td colspan="2">[[Description/plot summary of manga]]</td> </tr> <tr> <th colspan="3"> <hr> <a href="http://www.mydailymanga.com/2008/06/21/manga-reading-tool/"><img border="0" src="http://img261.imageshack.us/img261/2347/uzemangamcopymw2.png"></a> </th> </tr> </table> </body> </html>
Image link: Image link
Go to: Offers Page
OST Templates
OST Template 1
Submitted by: MarchHare
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<style type="text/css">
body { background-color: #ffffff;
font-family: Calibri, Helvetica, sans-serif;
font-size: 12px
text-align: justify;
margin: auto;}
a { color: #593784;}
p { text-align: justify;}
td { vertical-align: top;}
.title { font-family: Cambria, Times New Roman, serif;
font-size: 22px;
font-weight: bold;
text-align: center;}
.subtitle { font-size: 18px;}
.heading { font-family: Cambria, Times New Roman, serif;
font-size: 14px;
font-weight: bold;
text-align: center;}
.label { min-width: 80px;
font-weight: bold;}
.text { width: 100%;}
</style>
</head>
<body><br><br>
<table border=0 cellspacing=0 cellpadding=4>
<tr><td colspan="3"><div class="title">[[TITLE]]
</div>
</div>
</td></tr>
<tr><td rowspan="14" style="vertical-align:middle;"><img src="IMAGE ADDRESS"></td></tr>
<tr><td colspan="2" class="heading">INFORMATION</td></tr>
<tr><td class="label">Release Year:</td><td class="text">[[RELEASE DATE]]</td></tr>
<tr><td class="label">Bitrate:</td class="text"><td>[[BITRATE]]</td></tr>
<tr><td class="label">Filetype:</td><td class="text">[[CODEC]]</td></tr>
<tr><td class="label">Total Size:</td><td class="text">[[SIZE]]</td></tr>
<tr><td class="label">Ripper:</td><td class="text">[[RIPPER]]</td></tr>
<tr><td class="label">Related Material:</td><td class="text">[url=INSERT URL HERE]LINK 1[/url], [url=INSERT URL HERE]LINK 2[/url]</td></tr>
<tr><td class="label">Details:</td><td class="text">DESCRIPTION </td></tr>
<tr><td class="label"></td><td class="text"></td></tr>
<tr><td class="label"></td><td class="text"></td></tr>
<tr><td class="label"></td><td class="text"></td></tr>
<tr><td class="label"></td><td class="text"></td></tr>
<tr><td class="label"></td><td class="text"></td></tr>
</table>
<br>
<br>
<br>
<table border=0 cellspacing=0 cellpadding=4>
<tr><td colspan="20"><div class="title">File List
</div>
</div>
</td></tr>
<tr><td class="heading">Disk 1
<td class="text"><ol>
<li>TRACK 1</li>
<li>TRACK 2</li>
<li>TRACK 3</li>
<li>TRACK 4</li>
<li>TRACK 5</li>
<li>TRACK 6</li>
<li>TRACK 7</li>
<li>TRACK 8</li>
<li>TRACK 9</li>
<li>TRACK 10</li>
</ol></td></tr>
</table>
</body>
</html>
Image link: Image Link
Go to: Offers Page
Show/hide Tracklist OST Template
Submitted by: kureshii
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
body { background-color: #ffffff;
font-family: Calibri, Helvetica, sans-serif;
font-size: medium;
text-align: justify;
margin: auto;}
a { color: #593784;}
a.showhidelink { cursor: pointer;}
td { vertical-align: top;}
.title { font-family: Cambria, Times New Roman, serif;
font-size: 180%;
font-weight: bold;
text-align: center;}
.subtitle { font-size: 75%;}
.heading { font-family: Cambria, Times New Roman, serif;
font-size: 130%;
font-weight: bold;
text-align: center;}
.label { min-width: 8em;
font-weight: bold;}
</style>
<script language="Javascript 1.2" type="text/javascript">
function showhide(id) {
el = document.getElementById(id);
show="block";
hide="none";
if (show.match(el.style.display)) {
el.style.display = 'none';
} else if (hide.match(el.style.display)) {
el.style.display = 'block';
}
}
</script>
<title>test</title>
</head>
<body><br><br>
<table border="0" cellpadding="4" cellspacing="0"><tbody>
<tr><td colspan="3"><div class="title">[[TITLE]]</div></td></tr>
<tr><td rowspan="11" style="vertical-align: middle;"><img src="[[IMAGE ADDRESS]]" alt="IMAGE ADDRESS"></td></tr>
<tr><td colspan="2" class="heading">INFORMATION</td></tr>
<tr><td class="label">Release Year:</td><td>[[RELEASE DATE]]</td></tr>
<tr><td class="label">Bitrate:</td><td>[[BITRATE]]</td></tr>
<tr><td class="label">Filetype:</td><td>[[CODEC]]</td></tr>
<tr><td class="label">Total Size:</td><td>[[SIZE]]</td></tr>
<tr><td class="label">Ripper:</td><td>[[RIPPER]]</td></tr>
<tr><td class="label">Related Material:</td><td><a href="URL 1" alt="LINK 1">LINK 1</a><br><a href="URL_2" alt="LINK 2">LINK 2</a></td></tr>
<tr><td class="label">Details:</td><td>DESCRIPTION</td></tr>
</tbody></table><br><br><br>
<table border="0" cellpadding="4" cellspacing="0">
<tbody>
<tr><td colspan="20"><div class="title">File List</div></td></tr>
<tr><td class="label">Disk 1</td><td><a class="showhidelink" onclick="javascript:showhide('disk1'); return false">Show/hide tracklist</a>
<div id="disk1" style="display:none;">
<ol>
<li>TRACK 1</li>
<li>TRACK 2</li>
<li>TRACK 3</li>
<li>TRACK 4</li>
<li>TRACK 5</li>
<li>TRACK 6</li>
<li>TRACK 7</li>
<li>TRACK 8</li>
<li>TRACK 9</li>
<li>TRACK 10</li>
</ol></div></td></tr>
</tbody>
</table>
</body>
</html>
Image link: Image link
Sample torrent: Heroic Age OST Collection
Go to: Offers Page
Dropdown list OST Template
Submitted by: Koyori
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<style type="text/css">
body { background-color: #ffffff;
font-family: Calibri, Helvetica, sans-serif;
font-size: 10px
text-align: justify;
margin: auto;}
table { font-size:9pt;
color:#667686;
border:1px solid #667686;
padding:10px;
background:#FFFFFF;}
a { color: #593784;}
p { text-align: justify;}
td { vertical-align: top;}
.title { font-family: Cambria, Times New Roman, serif;
font-size: 22px;
font-weight: bold;
text-align: center;}
.subtitle { font-size: 18px;}
.heading { font-family: Cambria, Times New Roman, serif;
font-size: 14px;
font-weight: bold;
text-align: center;}
.label { min-width: 80px;
font-weight: bold;}
.text { width: 100%;}
</style>
</head>
<body>
<body on Load=s_s(0,1); scroll=no>
<table width=100% valign=top>
<tr colspan=3><td class=title colspan="3"><b>Fushigi Yuugi OST</b></td></tr>
<tr><td rowspan=13><img class=img src=http://i74.photobucket.com/albums/i254/Kokubunji_Koyori/Details/cdfront.jpg></td></tr>
<tr><td class=h>Release Year:</td><td>[[Release Year]]</td></tr>
<tr><td class=h>Bitrate:</td><td>[[Bitrate info]]</td></tr>
<tr><td class=h>Filetype:</td><td>[[Codec info]]</td></tr>
<tr><td class=h>Total Size:</td><td>[[Total size]]</td></tr>
<tr><td class=h>Ripper:</td><td>[[Ripper info]]</td></tr>
<tr><td class=h>Related Materials:</td><td class="text"><a href="[[INSERT URL HERE]]" target="_blank">LINK 1</a>, <a href="[[INSERT URL HERE]]" target="_blank">LINK 2</a></td></tr>
<tr><td class=h>Details:</td><td>[[Details]]</td></tr>
</table>
<table border="0" cellspacing="0" cellpadding="4">
<tr><td colspan="20"><div class="title">File List</div></td></tr>
<tr><menu>
<td class="heading">Disk 1</td>
<td class="text"><ol>
<li type=disc><select>
<option>
<option>01 -
<option>02 -
<option>03 -
<option>04 -
<option>05 -
<option>06 -
<option>07 -
<option>08 -
<option>09 -
<option>10 -
<option>11 -
<option>12 -
<option>13 -
<option>14 -
<option>15 -
<option>16 -
</select>
</ol></td></tr>
<tr>
<td class="heading">Disk 2</td>
<td class="text"><ol>
<li type=disc><select>
<option>
<option>01 -
<option>02 -
<option>03 -
<option>04 -
<option>05 -
<option>06 -
<option>07 -
<option>08 -
<option>09 -
<option>10 -
<option>11 -
<option>12 -
<option>13 -
<option>14 -
<option>15 -
<option>16 -
</select>
</ol></td></tr>
</menu>
</table>
</body>
</html>
Image link: None
Go to: Offers Page
Simple OST Template
Submitted by: kureshii
<html><table border="0" cellpadding="5" cellspacing="0" valign="top"><tr><td colspan="2"><b>[[Torrent Title]]</b><br> <br> <b>Composer:</b> [[Composer name]]<br> <b>Singers:</b> [[Singer/artiste names]]</td></tr><br> <tr><td colspan="2"><hr></td></tr> <tr><td width="280px" valign="top"><b>[[OST1 Title]]</b><br> [i][[Codec, Bitrate, Sampling rate]][/i]<br><br> <div align="center"><img src="[[Album 1 Cover Image URL]]"></div><br> <b>Encoding:</b> [[Encoding (LAME/FLAC)]]<br> <b>Ripped by:</b> [[Ripper Info]]</td> <td valign="top"><b>Track list:</b><br> 1. [[Track 1]]<br> 2. [[Track 2]]<br> 3. [[Track 3]]<br> 4. [[Track 4]]<br> 5. [[Track 5]]<br> <br> </td></tr> <tr><td colspan="2"><hr></td></tr> <tr><td width="280px" valign="top"><b>[[OST2 Title]]</b><br> [i][[Codec, Bitrate, Sampling rate]][/i]<br><br> <div align="center"><img src="[[Album 2 Cover Image URL]]"></div><br> <b>Encoding:</b> [[Encoding (LAME/FLAC)]]<br> <b>Ripped by:</b> [[Ripper Info]]</td> <td valign="top"><b>Track list:</b><br> 1. [[Track 1]]<br> 2. [[Track 2]]<br> 3. [[Track 3]]<br> 4. [[Track 4]]<br> 5. [[Track 5]]<br> <br> </td></tr> <tr><td colspan="2"><hr></td></tr> <tr><td colspan="2"><hr></td></tr> <tr><td colspan="2"><b>Note: [[Uploader comments (if any)]]</b></td></tr></table></html>
Sample torrent: Earth Girl Arjuna OSTs
Go to: Offers Page
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
Simple BBCode OST Template
Submitted by: kureshii
Note: Replace "300" in the [left] tags with the appropriate image width (in pixels)
[left=300][img][[http://insert.image.link/album1.jpg]][/img][/right] [center][size=200%][[Album 1 Title]][/size] [b]Released:[/b] [[Date of release]] [b]Artists:[/b] [[Artist names]] [b]Record Label:[/b] [[Record label]] [b]Format/Bitrate:[/b] [[Format & bitrate info]] [b]Ripper:[/b] [[Ripped by?]] [b]Tracklist:[/b] 1 - Track 1 2 - Track 2 3 - Track 3 4 - Track 4 5 - Track 5 [left=300][img][[http://insert.image.link/album2.jpg]][/img][/right] [center][size=200%][[Album 2 Title]][/size] [b]Released:[/b] [[Date of release]] [b]Artists:[/b] [[Artist names]] [b]Record Label:[/b] [[Record label]] [b]Format/Bitrate:[/b] [[Format & bitrate info]] [b]Ripper:[/b] [[Ripped by?]] [b]Tracklist:[/b] 1 - Track 1 2 - Track 2 3 - Track 3 4 - Track 4 5 - Track 5
Sample template image: None
Go to: Offers Page
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
Go to: Offers Page