Offer Templates

From BakaBT Wiki
Jump to navigation Jump to search
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 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

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

Go to: Offers Page